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^L m n este libro nos ocuparemos de la creación de 
gráficos elementales con un ordenador perso- 
BwmUm nal. Al echar una rápida ojeada a todo aquello 
que normalmente se entiende por gráfico nota- 
^^■1 remos en seguida lo extenso que puede ser este 
/ ' m tema decir gráfico es decir dibujo, y dentro del 

dibujo está todo aquello comprendido entre los 
garabatos de un niño pequeño y las más famo- 
HSSBBSaKB sas obras de arte; decir gráfico también es decir 

comunicación, y aquí el campo es enorme: fotografías, dibujo téc¬ 
nico, publicidad, murales... son ejemplos de cómo los gráficos son 

- v -— 


samos de un dibujo estático al dinamismo de una película... 

Desde el momento en que el ordenador adquiere la capa¬ 
cidad para realizar gráficos, hecho que se remonta a los años 
sesenta, la informática ha empezado a inmiscuirse en todo lo 
relacionado con ellos, sin dejar de lado ninguno de los temas 
mencionados anteriormente. Hasta los murales han evolucionado: 


potentes proyectores de luz láser, guiados como es lógico por un 
ordenador, son utilizados hoy en día para llevar a cabo inscripcio¬ 
nes o dibujos (que pueden hasta estar en movimiento) sobre las 
más extrañas superficies: desde las paredes de una discoteca a 
las de una gran montaña e incluso en las nubes. 

En el mundo del cine está aprovechándose cada vez más la 
posibilidad de sintetizar imágenes a placer, sin que sea necesario 
tener enfrente al sujeto al que se desea filmar; de esta manera ya 


no será necesario realizar costosas ambientaciones y, por otra par • 
te, cualquier fantasía del director, por insólita que resulte, podrá 
ser llevada a la práctica. Baste recordar como ejemplo la película 
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""I'j'ori", producida en los estudios Disney, en la que ha sido am¬ 
pliamente utilizada la técnica de crear un gran número de imáge- 
ncv; por medio del ordenador para ser utilizadas luego en suce¬ 
sión como si de una película corriente se tratara. 

Los ejemplos mencionados hasta ahora poseen una cosa en 
común, y es que, en el fondo, toda imagen no es más que un sím¬ 
bolo trazado sobre una superficie cualquiera, si bien la naturaleza 
de estos dos elementos puede ser extremadamente variable, 
como es el caso del láser (en el que el signo no está constituido 
por materia). Al tratarse de gráficos en el ordenador, ambos ele¬ 
mentos tendrán que ser compatibles con"él: en lugar de tela y pin¬ 
cel nos encontraremos con que el espacio disponible será el de 
la pantalla, plotter o impresora gráfica, y el pincel se convertirá 
en el tubo catódico. Llegados a este punto es evidente que de¬ 
bemos hacer una selección, debido a la extensión del tema. 

Dado que nuestro fin es esencialmente didáctico y de intro¬ 
ducir en el tema, nos vamos a ocupar de la generación de imá¬ 
genes por medio de un ordenador personal o doméstico, limitán¬ 
donos a la pantalla de un monitor corriente. Esto supone que no 
hablaremos de la elaboración de imágenes en color sobre velo¬ 
ces y gigantescos ordenadores, ni de periféricos gráficos intere¬ 
santísimos (como los plotters, por ejemplo), es decir, de nada que 
se halle fuera de las posibilidades de quien sólo posee un orde¬ 
nador personal o doméstico. Nos limitaremos a las imágenes en 
blanco y negro y figuras esencialmente geométricas. Esto es, tra¬ 
taremos sobre las bases de gráficos computerizados desde el pun¬ 
to hasta el problema de las superficies escondidas. El resto, des¬ 
de las obras de arte a las animaciones, vendrá en otra ocasión. 

No vayan a creer que esto es poca cosa, pues, a pesar de que 
en este libro de la Biblioteca damos los elementos básicos de las 
Computer Graphics y de sus métodos (con numerosos y claros 
ejemplos, todos ellos en el tan popular lenguaje BASIC) nos ha¬ 
llamos aún lejos de haber tratado todo aquello que puede apare¬ 
cer en la pantalla de un ordenador personal. Esto es sólo un co¬ 
mienzo: quienes se mantengan al tanto de las novedades edita¬ 
das podrán hallar más "exquisiteces” sobre el tema de gráficos en 
ordenadores... 



LOS GRÁFICOS VISTOS POR EL ORDENADOR 



El monitor de vídeo: nuestro campo de batalla 

1 procedimiento según el cual se forma una ima¬ 
gen en la pantalla del tubo de rayos catódicos 
es siempre el mismo, ya sea tratándose de un te¬ 
levisor corriente o del monitor de un ordenador 
personal: un delgado haz de electrones, que pro¬ 
viene de un dispositivo llamado cañón electró¬ 
nico, golpea la superficie interna de la pantalla 
desplazándose rápidamente de izquierda a de- 
__ recha y de arriba abajo, recorriendo así una se¬ 
rie de líneas horizontales paralelas (Fig. 1). 

La pantalla se halla revestida en su interior por los llamados 
fósforos, sustancias capaces de emitir luz cuando son "golpeadas” 
por los electrones del haz. Si el cañón dispara electrones durante 
el barrido constante, línea por línea, de toda la pantalla ésta apa¬ 
recerá totalmente iluminada y, por tanto, blanca (o verde en el 
caso de un monitor de fósforo verde). Si, en cambio, el haz per¬ 
manece quieto, la pantalla se presentará negra. 

Ahora bien, ¿cómo pueden obtenerse imágenes algo más 
complejas e interesantes que una simple pantalla blanca o negra? 
Esto se logra al modular el haz, es decir, encendiéndolo o 
apagándolo continuamente de manera que vaya dibujando una 
imagen. 

En el televisor la modulación del haz depende de la señal re¬ 
cibida por la antena, que transporta instante por instante la infor¬ 
mación correspondiente tomada por la cámara. En el caso del ur 
denador, la modulación del haz (y por tanto la de la imagen que 
resulta de ello) está bajo nuestro control y depende, del contení ■ 
do de cierta área de memoria ¡No se le vaya a ocurrir desmontar 
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Figura I.—El cañón electrónico se halla en constante movimiento y 
apunta hacia la pantalla recorriendo una serie de lineas horizonta¬ 
les. Cuando el cañón emite los electrones, las líneas se hacen luminosas 
y por tanto visibles. Cuando se efectúa el "retomo" (del Final de una línea 
al principio de ¡a siguiente) el cañón no emite y por ello estas líneas dia¬ 
gonales no se visualizan. 


el monitor para observar el movimiento del cañón electrónico! En 
realidad, éste se produce al guiar el haz electrónico por medio de 
un campo magnético continuamente variable, sin que haya ele¬ 
mentos en movimiento. 

Parece ser, entonces, por lo visto hasta ahora, que ia imagen 
se forma sobre una base constituida por una serie de líneas. En 
cambio, al observar atentamente la pantalla se notará que cual¬ 
quier cosa representada está en realidad formada por una serie 
de puntos iluminados. En efecto, la imagen lograda depende pre¬ 
cisamente del hecho de que estos puntos estén iluminados o apa¬ 
gados (Fig. 2). Hay ya en esto una diferencia en relación con lo 
que ocurre en un televisor corriente, en ei que pueden aparecer 
imágenes en una posición cualquiera, sin que dependan de nin¬ 
guna otra predeterminada por una red de puntos. Otra diferencia 
importante, con relación a la imagen de TV común, estriba en que 
un punto puede hallarse únicamente en dos estados posibles: ilu¬ 
minado o apagado, sin que exista posición intermedia. No se 
podrá, por tanto, visualizar ningún tipo de gris: todo tiene que ser 
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□□□■□□□■■■■□a 

□■□□□■□■■■■■a 
□■■■■■□■□□□■a 

Figura 2.—La imagen generada por un ordenador está compuesta 
por puntos dispuestos en posiciones prefijadas, cada uno de los cua¬ 
les puede estar iluminado o apagado. En la Figura puede verse cómo apa¬ 
recen las letras A y B observadas desde muy cerca; están señalados tam¬ 
bién los puntos que se hallan apagados. 


blanco o negro, iluminado o apagado, 1 o 0. Que quede claro que 
estamos hablando de aparatos normales, pues en sistemas más so¬ 
fisticados es posible visualizar diferentes tonos de gris y/o de co¬ 
lores: además, en el ordenador todo está cuantificado, grises y 
otros colores incluidos, de una forma reconducible a la binaria (su¬ 
cesión de "unos” y "ceros"). 


Los modos gráficos 

Si con el término gráfico entendemos todo aquello que pue¬ 
de representarse en la pantalla, el tema puede resultar demasia¬ 
do extenso, por lo que será conveniente precisar un poco más. 

Lo primero que vemos aparecer en la pantalla nada más en¬ 
cender el ordenador es, por regla general, una serie de caracte¬ 
res alfanuméricos que normalmente indican el nombre del apara¬ 
to y alguna información adicional. Lo que se está observando en 
ese momento es la llamada "Página de Texto": en ese momento 
en el monitor pueden aparecer cualesquiera caracteres elegidos 
entre el conjunto ("set") de los que hay disponibles. 












De un ordenador a otro pueden variar tanto el número como 
el set de caracteres, según la configuración particular adoptada 
por el fabricante. Por ejemplo, el Apple visualiza normalmente 24 
líneas con 40 caracteres cada una, pero añadiendo una tarjeta es¬ 
pecial el formato puede resultar de 80 caracteres por línea, más 
útil para el caso en que se pretendan ejecutar trabajos de proce¬ 
samiento de textos (Word Processing). También el Commodo- 
re 64 tiene una página de texto parecida: 25 líneas de 40 caracte¬ 
res, pero el set comprende muchos caracteres que el Apple no 
posee (Fig. 3). 
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Figura 3— El set de caracteres es el conjunto de todos los caracte¬ 
res que pueden aparecer en la pantalla o en la impresora. La forma 
de cada uno de ellos está establecida para cada ordenador y se encuen¬ 
tra almacenada generalmente de un modo permanente en ROM. El Com- 
modore 64 posee también caracteres semigráfícos. 

En definitiva, independientemente de estas diferencias, todos 
los ordenadores personales tienen en común el hecho de poder 
funcionar de manera que presenten en la pantalla una página de 
texto. Esto último es cierto siempre que no se trate de aparatos 
específicos o donde el gráfico sea particularmente aparente, como 
es el caso del Macintosh. 
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Una característica específica de la página de texto es que los 
distintos puntos de la imagen no pueden ser iluminados o apaga¬ 
dos de modo independiente, sino sólo en base a esquemas pre¬ 
fijados, es decir, según el set de caracteres y el "estilo" (“font") par¬ 
ticular del ordenador. Esto significa que a pesar de que las letras 
y números son visualizados en forma de una matriz de puntos ilu¬ 
minados, con lo cual en teoría podrían representarse incluso, por 
ejemplo, todas las letras griegas, sólo se pueden obtener aquellos 
caracteres que ese ordenador en concreto contenga en su set 
(Fig. 3). Esto se debe a que normalmente - el conjunto de los ca¬ 
racteres se halla en memoria ROM (sólo de lectura) de modo que 
no es posible alterarlo. Sin embargo, ciertos equipos permiten la 
obtención del set de caracteres a partir de una RAM (memoria de 
lectura y escritura); gracias a ello el usuario podrá representar 
cualquier carácter que desee, como ocurre, por ejemplo, en el 
Commodore 64. 

Otra posibilidad de visualización que nos interesa de un modo 
particular es la "Página Gráfica' A diferencia con la página de tex¬ 
to, cuando el ordenador funciona de esta manera, cualquier punto 
de la pantalla puede ser iluminado o apagado individualmente Es 
fácil imaginar las ventajas que esto conlleva: en la página gráfica 
es posible representar no sólo cualquier tipo de carácter, sino tam¬ 
bién cualquier dibujo que se desee. Para ello bastará con ilumi¬ 
nar de forma correcta los puntos que lo componen, sin tener que 
depender para ello de un esquema fijo, como ocurre en la página 
de texto. Resulta evidente, por tanto, que para hacer gráficos com¬ 
puterizados es imprescindible que el ordenador pueda trabajar 
en el modo de página gráfica 

Existen además los llamados 'sprites" (que significa literal¬ 
mente “duende"), elementos gráficos definidos por ei programa¬ 
dor que pueden ser posicionados con facilidad en cualquier par- 
l" di' la pantalla y moverse en eila. No todos ios ordenadores tie¬ 
nen la capacidad de visualizar sprites, ni tampoco los manejan de 
la misma manera. 

Aparte de detalles de menor importancia, como son el núme- 
i o y color, una diferencia importante que existe, por ejemplo, en- 
!"■ (, l Commodore 64 y los ordenadores de la serie MSX es que, 
aunque* ambos poseen sprites, el primero obliga al programador 
a asar ana serie de PEEK y POKE (o bien el lenguaje máquina) 
pala utilizarlos, mientras los unidos al estándar MSX proporcionan 

i.ai'ríe cómoda y racional de instrucciones BASIC especializá- 

1 la; < ai su gestión. Los sprites son utilizados sobre todo en progra¬ 
ma.. di- juegos, donde resulta esencial el movimiento rápido de 
lea ob|wlo:; que aparecen en pantalla. 

Poi último, vamos a citar los caracteres semigráficos que, en 
1 at' '-i ''anos, pueden proporcionar prestaciones parecidas a las 
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que se obtienen en la página gráfica, si bien se utilizan sólo en la 
página de texto. En efecto, el set de caracteres de algunos orde 
nadores (Commodore, Spectrum y otros) no contiene sólo los ha 
bituales números, letras y signos de puntuación, sino también al 
gunos símbolos formados por líneas, rectángulos y arcos de cir 
cunferencia; son ios llamados caracteres semigráficos (o pseudo- 
gráficos). Al componer adecuadamente tales símbolos es posible 
realizar algunos dibujos sencillos. Así, por ejemplo, utilizando los 
caracteres semigráficos del Commodore 64, que aparecen en la 
figura 3, ha sido hecho el dibujo de la figura 4. 

Oueda claro, en relación con lo dicho anteriormente, que en 
este libro no será posible profundizar en todos los modos gráficos 
indicados hasta ahora, ni en sus numerosas conexiones, pues nos 
extenderíamos demasiado. Nos ocuparemos, por tanto, de un 
modo particular de las bases geométricas de los gráficos compu¬ 
terizados, trabajando precisamente sobre la página gráfica. 



Figura 4.—Al componer de forma adecuada algunos caracteres se- 
migráfícos es posible obtener dibujos sencillos, como el que apa¬ 
rece en la figura. 
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Detalle y resolución 

Todo lo que hemos comentado hasta ahora nos lleva a la for¬ 
mulación de una pregunta: la ventaja fundamental de la página 
gráfica hemos visto que es la de permitir el control de un único 
punto entre los existentes en la pantalla ahora bien, ¿cuál es el nú¬ 
mero de estos puntos? Como es fácil suponer, el tipo de dibujo 
que se puede hacer depende de que los puntos disponibles sean 
muchos o pocos. Además, según el trabajo que se quiera realizar, 
no será siempre necesario tener a nuestra..disposición un número 
de puntos elevado. 

Veamos una analogía que nos aclare el problema. Si, por ejem¬ 
plo, estamos dibujando sobre papel, está claro que obtendremos 
resultados diferentes según utilicemos un lápiz de punta redonda 
u otro bien afilado. En el primer caso no será posible señalar de¬ 
talles por debajo de cierto límite, mientras que en el segundo el 
grado de precisión, debido al tipo de punta, será mucho mayor. 
Este ejemplo es válido a la hora de comparar un ordenador en 
cuya pantalla aparezcan, digamos, 100><75 puntos en relación con 
otro capaz de visualizar 300x200 (cuando se dice 300x200 se en¬ 
tiende que sobre la pantalla aparecen 200 líneas, cada una de las 
cuales está formada por 300 puntos). Si las dimensiones de ambos 
monitores son las mismas está claro que en el primer caso el ta¬ 
maño de los “puntos” será mayor que en el segundo. 

En resumen, si se dispone de pocos puntos se obtendrán imá¬ 
genes más bien bastas y tan sólo esbozadas; decimos en este caso 
que son 'de baja resolución' Un mayor número de puntos permi¬ 
te, en cambio, una resolución más elevada, con detalles más pre¬ 
cisos y concretos (Fig. 5). 

La magnitud que define el grado de detalle alcanzable sobre 
una página gráfica es, precisamente, la resolución. 

Una manera de medir la resolución puede ser, como hemos 
hecho anteriormente, refiriéndonos al número de puntos en que 
está dividido el espacio de la página gráfica tanto vertical como 
horizontalmente. Por ejemplo, el Apple posee un página gráfica 
cuya resolución es de 280x192, de modo que pueden encenderse 
y apagarse individualmente 53760 puntos (280x192). El Commo- 
dore 64 posee una resolución mayor: 320x200, es decir 64000 pun¬ 
tos. 

Hay que tener en cuenta que al indicar la resolución el nú- 
moro más grande señala siempre el de los puntos de cada línea 
(horizontales, por tanto), mientras que el pequeño señala el nú¬ 
mero de líneas o, lo que es lo mismo, la cantidad de puntos ver¬ 
tical :::. I Isto se debe a dos factores. Por un lado, la forma de la pan¬ 
talla os la de un rectángulo cuyo lado mayor está dispuesto hori¬ 
zontal monte; al ser preferible tener unos puntos cuadrados o, al 



Curva ideal a representar 


□ Representación real 



f Finura 5—El grado de resolución depende del número de puntos 
disponibles en la pantalla. Esto mismo determina las dimensiones 

de los puntos en sí. 


menos, lo más cuadrados posible, es evidente que debe haber un 
número mayor en el lado horizontal que en el vertical. Oon mas 
precisión, la relación entre los lados de la pantalla de un monitor 
(o de un televisor) es de 3/4. Hay además otro motivo que tiene 
que ver con los estándares de transmisión de las imágenes de 1 v, 
de tal manera que no es posible aumentar a placer ei numero de 
líneas (que corresponde con el número de puntos en vertical). 

La base de todo aquello que puede ser representado en una 
páqina gráfica es el punto elementa! que en el lenguaje de los grá¬ 
ficos por ordenador es llamado ''pixei" (contracción de las pala¬ 
bras "picture element”, es decir, elemento de la imagen). Del mis¬ 
mo modo que no es posible concebir una cantidad de informa¬ 
ción más pequeña que el bit, así en la pantalla de un ordenador 
gráfico no puede representarse nada cuyas dimensiones sean in¬ 
feriores a las de un pixei. 
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El plano cartesiano 

Una vez aclarado que nuestro campo de acción es una pági¬ 
na gráfica con cierto número de pixels controlables individual¬ 
mente, es necesario establecer un convenio que nos permita in¬ 
dicar sobre qué punto de la pantalla deseamos actuar. Esto resul¬ 
ta fácil debido a que los pixels se hallan en un plano, con lo que 
podremos utilizar las coordenadas cartesianas. Vamos a dar un re¬ 
traso a este tema. 

Haciendo referencia a la figura 6, p^ra indicar ia posición de 
un punto sobre una semirrecta “X" con origen en cero bastará con 



Figura 6.—Para identificar la posición de un punto sobre una se- 
rrirrecta es suficiente un solo número. Si el punto se halla sobre un 
plano se requerirán dos, uno por cada una de las direcciones “X" e "Y". 
1 ' ida pareja de números señala un único punto. 
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medir la distancia a ese punto desde el origen. Si, en cambio, el 
punto se halla en un plano delimitado por dos semirrectas, que lia 
maremos "x” e "y", serán necesarias las medidas de dos distancias 
para identificarlo: las que hay entre el punto y la semirrecta "x" y 
éntre el punto y la semirrecta "y” (ambas medidas se toman per¬ 
pendicularmente con relación a las dos semirrectas). Un plano en 
el cual los puntos se localizan por este convenio se llama plano 
cartesiano, y las semirrectas que lo definen, ejes. 

Cada pixel de la página gráfica se identifica mediante una pa¬ 
reja de números llamada, precisamente, coordenadas cartesianas. 
Está establecido por convenio que el primero indique la distancia 
al eje “y", es decir, su posición horizontal (coordenada X) y el se¬ 
gundó al eje “x”, que corresponde a la posición vertical (coorde¬ 
nada Y). En la figura 6 aparecen algunos ejemplos. 

A pesar de que lo descrito anteriormente es el modo clásico 
de entender las coordenadas cartesianas, en la página gráfica de 
los ordenadores personales no siempre se sigue al pie de la letra 
tal convenio, aunque también es cierto que la diferencia es más 
que nada de carácter formal: el eje "y" está dirigido hacia abajo 
en vez de hacia arriba (en el caso del Apple, por ejemplo), mien¬ 
tras que el origen (con coordenadas 0,0) se halla en el ángulo su¬ 
perior izquierdo en vez de en el derecho. De ahí se deriva que 
las distancias positivas a lo largo del eje "y" se midan de arriba a 
abajo (Fig. 7). 


¿Elegir un ordenador? 

Este es, en principio, un libro esencialmente práctico que in¬ 
cluye incluso listados del software útiles para comprobar, paso a 
paso, las nociones aprendidas en cada momento. Pero se nos plan¬ 
teó un problema: ¿para qué ordenador iban u ser escritos estos 
programas? En efecto, para poder dar ejemplos concretos fue ne¬ 
cesario hacer una elección dentro de la jungla de ordenadores 
que es el mercado 

Tras un complejo análisis hemos preferido en esta ocasión el 
conocidísimo Commodore 64. De todos modos, aquellas personas 
que posean otro ordenador, por ejemplo un Apple, un Spectrum 
o uno con sistema MSX, no tendrán dificultades a la hora de adap¬ 
tar estos programas a su propio ordenador. Todo lo que se requie¬ 
re es que éste posea las instrucciones necesarias para dibujar pun¬ 
tos y trazar líneas; una vez que haya intervenido en las zonas del 
programa relacionadas con estas operaciones (y en otras pocas 
que veremos más adelante) el resto del procedimiento será inde¬ 
pendiente del ordenador utilizado en casa caso. Para dar 
ánimos a los menos atrevidos diremos que todo el software que 
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' Figura 7.—Disposición de los ejes cartesianos en algunos ordena¬ 
dores, con el origen situado arriba a la izquierda y el semieje "y" po¬ 
sitivo hacia abajo. Este es el caso, por ejemplo, del Apple y del Commo- 
dore 64. 


les vamos a presentar había sido inicialmente escrito para un 
Apple II; la readaptación ha sido, sin duda, pesada pero nada difícil. 
Si tienen cualquier tipo de problema en instrucciones que no 
sean de gráficos, no duden en repasar los volúmenes 5, 6 y 7 de 
la B.B.I. (especialmente el apéndice B de este último). 

El primer obstáculo se ve enseguida: aquellas personas que 
tengan un Commodore 64 sabrán que éste no posee ninguna ins¬ 
trucción BASIC para gestionar la página gráfica. Para ello existe 
el BASIC Simón, una extensión del BASIC residente que añade 
algo así como 114 instrucciones nuevas, entre las que se hallan 
aquellas que nos interesan. Esta ampliación es bastante popular, 
de modo que quienes no la posean no tendrán dificultades p^ra 
conseguir una copia (en disco o cinta). No está entre nuestros* ob¬ 
jetivos describir este BASIC, pues, por otra parte, existe un ma¬ 
nual de la firma Commodore (por cierto, ¡es buena norma leer 
siempre por completo los manuales!); nos limitaremos sólo a con¬ 
siderar aquellas instrucciones útiles para nuestros fines... 
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Las instrucciones gráficas 

En primer lugar, tras haber cargado el BASIC, habrá que dar 
al RUN con el fin de hacerlo operativo. La pantalla cambiará de 
color (si se trata de un monitor en color; en los demás cambiará 
sólo el tono de gris) y se pondrá blanca con el borde azul, mien¬ 
tras los caracteres aparecerán en negro. Dada la finalidad de este 
libro lo aconsejable es trabajar con el fondo negro y los bordes 
también en negro o, como mucho, de un color poco brillante. Para 
obtener el fondo y los bordes en negro habrá que teclear el 
comando: 

COLOUR 0,0 

en cambio, si se desea un contorno visible, por ejemplo de color 
azul celeste, habrá que escribir: 

COLOUR 3,0 

en ambos casos se deberá pulsar tras el comando la habitual te¬ 
cla <RETURN>. 

En esta situación los caracteres son visualizados en negro so¬ 
bre fondo negro, con lo cual no son visibles, así que habrá que 
asignarles otro color diferente. Es aconsejable, para obtener la má¬ 
xima legibilidad sobre fondo negro, trabajar con los caracteres en 
blanco: para conseguir esto bastará teclear un "control-white”, que 
se obtiene manteniendo pulsada la tecla <CTRL> al tiempo que 
se aprieta la tecla <2>, que en la parte inferior lleva escnto pre¬ 
cisamente "WHT". El color de los bordes no tiene nada que ver 
con las técnicas gráficas de que nos ocupamos, de modo que esta 
instrucción será utilizada sólo al comienzo del trabajo. 

Por fin, tras haber limpiado el área de memoria con un NEW, 
estamos listos para comenzar. Tratemos ahora de las instruccio¬ 
nes gráficas en sí, de las que entre las varias que hay disponibles 
utilizaremos sólo cuatro: 

— HIRES D,F 

— PLOT X,Y,T 

— LINE X1,Y1,X2,Y2,T 

— NRM 

Vamos a estudiarlas una por una. 

HIRES D F permite la visualización de la página gráfica y su 
borrado total, de manera que esté lista para el uso. D y F son dos 
números comprendidos entre 0 y 15, según una tabla (que se ha¬ 
lla en el manual) que asigna uno de los 16 colores posibles a cada 
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número. El número D define el color que se desea utilizar para rea¬ 
lizar el dibujo, mientras que F define el color de fondo. Para poner 
un ejemplo, la instrucción HIRES 1,0 (que veremos más a menu¬ 
do) produce el efecto de borrar la página gráfica, poner un fondo 
negro y hacer que todo aquello que sea trazado en la pantalla sea 
de color blanco. Téngase en cuenta que el color de los bordes no 
es influido por esta instrucción. 

PLOT X,Y,T es la instrucción que permite iluminar o apagar 
un solo punto. "X" e “Y” son las coordenadas características del 
pixel deseado. Como la resolución gráfica del Commodore 64 es 
de 320x200 puntos, “X” podrá variar entre 0 y 319, e "Y”, entre 0 y 
199 (los puntos están numerados a partir del cero). No hay que 
olvidar que el punto de coordenadas 0,0 (origen) se halla arriba 
a la izquierda, como ya vimos en la figura 7. El tercer parámetro 
de la instrucción PLOT, que hemos llamado T, sirve para estable¬ 
cer el tipo de operación, es decir, si se quiere iluminar o apagar 
el pixel indicado. El convenio establecido es el siguiente: 

— 0 apaga el pixel de coordenadas X,Y 

— 1 ilumina el pixel de coordenadas X,Y 

— 2 invierte el estado del pixel de coordenadas X,Y: si antes 
de la instrucción estaba apagado se iluminará, si estaba iluminado 
se apagará. 

LINE X1,Y1,X2,Y2,T permite trazar una línea (un segmento) so¬ 
bre la página gráfica. Los parámetros Xl.Yl indican las coordena¬ 
das de un extremo del segmento: X2,Y2 las del otro. También en 
este caso habrá que dar otro parámetro T, con el mismo signifi¬ 
cado que posee en la instrucción PLOT, pero referido esta vez a 
toda una línea. Por ejemplo, con 

LINE 0,0,100,50,1 

se obtiene una línea diagonal que parte del origen y termina en 
el punto de coordenadas 100,50. 

La última instrucción es NRM, que tiene como único efecto el 
volver a visualizar en la pantalla la página de texto en lugar de la 
gráfica. Es decir, con NRM se anula el efecto de HIRES. 

Una observación importante: el BASIC Simón posee otras mu¬ 
chas instrucciones gráficas, algunas de las cuales resuelven por 
sí solas incluso algunos problemas que trataremos más adelante. 
El motivo por el cual no nos ocupamos de ellas es que esas ins¬ 
trucciones no son necesarias para comprender las bases de los 
gráficos computerizados, pues son a su vez "construidas" utilizan¬ 
do las dos instrucciones elementales de iluminar un punto y tra¬ 
zar un segmento. Precisamente estas dos son los verdaderos pi¬ 


lares de las técnicas gráficas, ya que al combinarlas es posible rea¬ 
lizar cualquier operación que se desee. De esta manera, además, 
i esultará mucho más fácil transportar nuestros programas a otros 
i irdenadores, aunque tengan menos instrucciones potentes y par¬ 
ticulares. 


Transportabilidad de programas 

El hecho de limitarnos a cuatro instrucciones gráficas elemen¬ 
tales nos permite, como decíamos, poder "transportar" los progra¬ 
mas de un ordenador a otro sin demasiados problemas. No es éste 
el lugar idóneo para examinar cada instrucción gráfica de los 
ordenadores más difundidos, pero daremos unas cuantas reglas 
generales: 

• localizar cuáles son las instrucciones que poseen el mismo 
efecto que las que nos incumben. Si no las hubiera exacta¬ 
mente equivalentes será necesario estudiar qué diferencias 
existen, para poder más adelante modificar los programas 
de un modo adecuado. Si, por ejemplo, se tuviera que tra¬ 
bajar con un Apple, HIRES 1.0 se convierte en HGRZ, NRM 
se traduce en TEXT mientras que PLOT y LINE se obtienen 
utilizando para ambas la instrucción HPLOT (para más de¬ 
talles, consúltense los manuales). Compruebe además en 
qué ángulo se halla el origen de coordenadas; 

• verifique si la resolución es la misma y, si no es así, modi¬ 
fique los programas de tal manera que se esté dentro de 
los límites (si se trata de un ordenador con menor número 
de puntos) o se pueda aprovechar al máximo el área dis¬ 
ponible (en caso de que la resolución sea mayor); 

• modifique los programas para adaptar la gestión de la pá¬ 
gina aifanumérica No será necesario extenderse sobre este 
problema, que debería hallarse dentro de las posibilidades 
de cualquiera que conozca su ordenador; 

• antes de modificar un programa para transportarlo a otro or¬ 
denador, estudie con atención la teoría que se halla en la 
base, de forma que se domine. 

Otras indicaciones más específicas podrán hallarse en los ca¬ 
pítulos en donde resulten útiles. 


El software y sus “bugs” 

Todos los programas que se hallan en el libro han sido pro¬ 
bados anteriormente, pero todo programador sabq que los bugs 


(fallos o errores, para que nos entendamos, pues su traducción li¬ 
teral sería "chinches") más insospechados se hallan siempre al 
acecho. Aunque cada programa resuelve un problema, esto no 
quiere decir que ésa sea la mejor manera de hacerlo. Este libro 
posee una función didáctica, por lo que alguna vez hemos prefe¬ 
rido la claridad a una optimización extrema. Quien lo desee podrá 
tratar de perfeccionar las técnicas aquí utilizadas: buscar mejores 
algoritmos, utilizar trucos para aumentar la velocidad de ejecu¬ 
ción, estructurar el programa de otra manera, etc. Esto, además, 
será un ejercicio estupendo para verificar el aprendizaje de las 
técnicas. 

Según las características de esta Biblioteca, el presente libro 
ha sido proyectado para enseñar gradualmente algunos detalles 
más sofisticados y ciertas reglas de programación. Pretendemos 
ayudar a aquellos lectores que, todavía fresco su primer cursillo 
de BASIC, no están aún acostumbrados a escribir programas de 
una manera ordenada y comprensible. 

Hablemos por último de los comentarios. Casi ningún progra¬ 
ma los posee (con excepción de los más importantes) debido a 
que hemos preferido comentarlos abundantemente dentro del 
texto. De todas formas, siempre habrá un título con una numera¬ 
ción progresiva que indicará también el tipo de programa de que 
se trata. 



GRÁFICOS UNIDIMENSIONALES 


El reino de los puntos 


amos a empezar con algunos programas que 
tratan de forma elemental los puntos y seg¬ 
mentos. El título de este capítulo es bien explí¬ 
cito: su contenido permanece en el ámbito de, 
como mucho, las líneas (aparte de alguna pe¬ 
queña excepción) que, como es bien sabido, 
son lugares geométricos en una dimensión (de 
ahí que hayamos numerado en la forma “EX" 
cada listado). 

1C REM *** PROGRAMA 1.1 *** 

20 REM t 

30 REM ILUMINA CUATRO PUNTOS 
40 REM 
50 REM 

60 HIRES 1,0 
70 REM 
80 PL0T0,0,1 
30 PLDT50,0,1 
100 PLQTO,50,1 
110 PLQT50,50,1 
120 REM 
130 GOTO 130 
READY 



El programa 1. 
der cuatro puntos 
los vértices de un 


1 tiene una función muy sencilla: la de encen¬ 
en la página gráfica, en correspondencia con 
cuadrado. A pesar de su simplicidad nos per 
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mite ver en la práctica dos de la cuatro instrucciones gráficas ci¬ 
tadas anteriormente, además de que podremos damos cuenta de 
las dimensiones de los puntos. 

Obsérvese también el orden en el que están dispuestos los 
distintos elementos del programa: en primer lugar hay un título 
con una breve descripción de las operaciones, después la instruc¬ 
ción que prepara el terreno visualizando la página gráfica y, por 
último, el cuerpo del programa. Estas tres secciones han sido 
idealmente separadas, de forma que resulte más fácil la lectura y 
la comprensión del listado; para este fin se ha utilizado una línea 
que contiene tan sólo un carácter (dos puntos), aunque puede ha¬ 
ber otros tipos de separadores estéticamente válidos. Ciertamen¬ 
te estos detalles resultan muy útiles, sobre todo en programas de 
mayores dimensiones, pero siempre es mejor empezar a acostum¬ 
brarse a mantener cierto orden desde un principio. 

1.0 REH *** PROGRAMA 1.2 «* 

20 REM 

30 REH *** OSA MAYOR *** 

40 REH 
50 REM 

60 H1RES 1,0 
70 REM 

80 F0R 1=1 TO 7 
90 READX,Y 

100 PLQTX,Y,1:PLOYX+1,Y, 1 
110 NEXT I 
120 REM 

' 130 DATA23,85,20,55,65,40,80,65 
140 DATA115,60,145,63,180,50 
150 REM 
160 GOTO 160 
READY 

El programa 1.2 contiene una diferencia fundamental en rela¬ 
ción con el anterior. El primero ha sido proyectado para crear una 
determinada imagen, que depende estrictamente del número de 
instrucciones PLOT (que son cuatro) y, sobre todo, del hecho de 
que las coordenadas de los puntos están expresadas en forma 
de constantes. El segundo, en cambio, visualiza una imagen que 
no , depende tan específicamente del cuerpo del programa, sino 
más bien de lo que está contenido en una serie de DATA. El ciclo 
FOR...NEXT hace que la instrucción PLOT sea ejecutada siete ve¬ 
ces, con coordenadas distintas cada vez. 

La diferencia entre ambos programas puede parecer insigni¬ 
ficante, pero no es así: con este programa podremos cambiar por 
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■ ompleto un dibujo sin tener que alterar sustancialmente el cuei 

i >(> del programa, sino sólo el límite del ciclo (el siete) y ias lineas 

■ I. - DATA. En otras palabras, hemos construido un sencillo instru¬ 
mento gráfico, que podremos utilizar para realizar funciones dife- 
i entes cada vez. De esta manera, la que ahora es la imagen de la 
Osa Mayor puede transformarse de una forma muy sencilla en 

•ualquier otra figura con tal de que esté constituida por puntos: 
una constelación diferente, los vértices de un polígono, una ima¬ 
gen estilizada, etc. 

Como en el ejemplo precedente, también en este programa 
hay una sep-'-ración lógica entre las diferentes partes que lo cons¬ 
tituyen: título, inicialización, cuerpo principal y datos para el fun¬ 
cionamiento. 

Con el fin de ejercitarse en su comprensión y utilización pue¬ 
de ser interesante proyectar nuevas configuraciones de puntos 
para el programa 1.2. Nos podemos ayudar de una hoja de papel 
inilimetrado sobre el que se hará el dibujo, después se determi¬ 
narán las coordenadas de los puntos y se introducirán en las lí¬ 
neas de DATA. Cada pixel está representado por una pareja de 
coordenadas en el orden X,Y; el límite del ciclo se designará en 
función de su número. Dese cuenta que el resultado no depen¬ 
de de la secuencia con la que se han ido iluminando los distintos 
puntos. 

Siguiendo aún dentro del tema astronómico, consideremos el 
próximo programa. 

10 REM *« PROGRAMA 1.3 *** 

20 REM 

30 REM CIELO ESTRELLADO 

40 REM j 

50 REM 

60 HIRES 1,0 
70 REM 

80 F0R 1=1 T0 100 

30 X=RND í1)*320:Y=RND(!)*200 

100 PLDTX,Y,1:NEXT I 

110 REM 

120 SOTO 120 

READY 

Se trata también de encender puntos, pero esta vez de forma 
aleatoria. Después de la inicialización, un ciclo FOR...NEXT se en¬ 
carga de ejecutar cien veces las instrucciones que generan arbi¬ 
trariamente- una pareja de coordenadas, para iluminar luego el 
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pixel correspondiente. El resultado será, con un poco de suerte 
e imaginación, un cielo estrellado. 

La generación de los valores de las coordenadas merece al¬ 
guna atención, ya que hay una referencia a la resolución propia 
de la página gráfica del ordenador que estamos utilizando y éste 
será, por tanto, un punto sobre el que habrá que intervenir s; se 
cambia de ordenador. Veamos, por ejemplo, la coordenada "X”, 
que en el Commodore 64 debe estar comprendida entre 0 y 319. 
La expresión "RND(l)’’ genera un número aleatorio que se halla 
comprendido entre 0 y 1 (excluidos lo§ extremos), de manera que 
al multiplicar esa cantidad por 320 (la resolución horizontal) se ob¬ 
tiene un número fraccionario que va desde 0.F hasta 319.F, indi¬ 
cando con F una parte fraccionaria cualquiera. Dado que la ins¬ 
trucción RND no devuelve nunca como valor un “1”, sino siempre 
un número inferior a él, estamos seguros de que toda la expre¬ 
sión RND(1)*320 no valdrá nunca 320, logrando así el objetivo de 
mantenerse entre 0 y 319. 

¿Y la parte fraccionaria? Pues bien, tanto el BASIC Simón como 
otros con capacidad gráfica, al hacer referencia a la página gráfi¬ 
ca consideran solamente la parte entera de los números que son 
proporcionados como coordenadas. Por tanto, a pesar de ser con¬ 
ceptualmente correcto, resulta del todo inútil escribir 

X=INT(RND(1)*320) 

para obtener una coordenada "X” comprendida dentro del campo 
de variación aceptable (en este caso entre 0 y 319). Naturalmente, 
si se toma el límite 199 todo esto valdrá también en relación con 
la coordenada “Y". 


Añadiendo refinamientos 

Pero un verdadero cielo estrellado es muy diferente del que 
se obtiene con el método visto ahora. Puede mejorarse un poco 
el dibujo si las “estrellas” no están fijas en su brillo, sino un poco 
centelleantes, como ocurre realmente al mirar hacia el cielo 

Hacer parpadear un punto en la pantalla quiere decir encen¬ 
derlo y apagarlo sin cambiar su posición, y esto implica que la po¬ 
sición sea conocida por el programa. Como el dibujo del cielo es 
casual, será necesario que las coordenadas de cada punto que¬ 
den memorizadas por el programa en el momento en que es di¬ 
bujada la imagen; posteriormente esas coordenadas pueden ser 
utilizadas para hacer centellear las estrellas, también de forma 
aleatoria. 


Para este fin vamos a utilizar dos vectores, con un número su¬ 
ficiente de elementos como para contener las coordenadas de to¬ 
das las estrellas. El núcleo del programa es casi idéntico al del pre¬ 
cedente, con la única diferencia de que, además de dibujar las es¬ 
trellas, es memorizada su posición en los dos vectores “EX” y "EY". 
Hacemos notar que, en caso de que se desee visualizar un cielo 
"más estrellado", además de aumentar el límite del ciclo se debe¬ 
ría también actuar sobre el dimensionamiento de los vectores, au¬ 
mentándolo. 

1C REÍ! »** PRQ6RAH 1,4 m 
20 REH 

30 REA ESTRELLAS CENTELLEANTES 
40 REM 
50 REH 

60 DIN EX(100),EY(100) 

70 HIRES 1,0 
80 REH 

90 REN DIBUJO CIELO 
100 REN 

110 fOR 1=1 T0 100 

120 X=RND(1)*320:Y=RND(1)*200 

130 EX(I)=X:EY(I)=Y 

140 PL0TX,Y,1 

150 NEXJ I 

160 REH 

170 REH CENTELLEO ESTRELLA 
180 REH 

190 N=RND(1)*99+1 

200 PL0TEX(N),EY(N),0:REM APAGA 

210 FOR 1=1 T0 20:NEXT I 

220 PL0TEX<N),EY(N),1:REH ENCIENDE 

230 GOTO 190 

READY 

Una vez dibujada la imagen, el programa procede a ejecutar 
el centelleo. En primer lugar se escoge una estrella, tomando un 
número aleatorio comprendido entre 1 y 100; a continuación esa 
estrella es apagada y en seguida encendida de nuevo. El proceso 
se repetirá así indefinidamente. Para obtener el número aleatorio, 
se saca en primer lugar uno entre 0 y 99 (con el método anterior) 
y luego se le añade uno. 

El centelleo se produce en tres fases: el punto es apagado con 
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una instrucción PLOT que, en este caso, borra en vez de dibujar 
(ya que el último parámetro vale cero), a continuación es ejecu¬ 
tado un breve retraso por medio de un ciclo en vacío, y, por 
último, otro PLOT (con parámetro final uno) vuelve a encender 
la estrella. 

A aquellas personas a las que les gusten los experimentos les 
aconsejamos que traten de modificar el proceso en una de las ma¬ 
neras siguientas: 

— en lugar de encender y apagar la estrella desplácela lige¬ 
ramente de su posición, de forfha que se obtenga un efec¬ 
to algo distinto, pero ¡cuidado con las que se hallan en los 
bordes!; 

— aumente el realismo haciendo que centellee más de una 
estrella a la vez; 

— ponga estrellas de diferente magnitud, como en un cielo 
de verdad. 

Llevar a la práctica estos detalles requiere más práctica de la 
que ha sido necesaria hasta ahora; no resulta difícil llegar a hacer¬ 
lo por uno mismo, pero no es motivo de preocupación el no 
lograrlo. 


Encadenando puntos: los segmentos 

Si en lugar de dibujar una serie de puntos casuales sobre la 
pantalla los situamos todos en fila, en una dirección determinada, 
obtendremos un segmento. En realidad, toda línea trazada sobre 
una pantalla gráfica está formada por puntos, de modo que las li¬ 
mitaciones debidas a la resolución de la pantalla también les afec¬ 
tan: en lugar de obtener una línea continua tendremos una “pun¬ 
teada”. Cuanto mayor sea la resolución del ordenador sobre el 
que se trabaja más se parecerá el dibujo a un segmento (la Figu¬ 
ra 1 ilustra claramente el concepto). 

Ya que no es posible dibujar segmentos perfectos es nece¬ 
sario hacer otra observación que seguramente habrá usted pen¬ 
sado: el parecido con el segmento "original” dependerá también 
de su inclinación en relación con los ejes cartesianos. A igual re¬ 
solución los mejores resultados se obtienen al trazar rectas verti¬ 
cales u horizontales, que no estarán nunca cortadas. Las líneas de 
45 grados resultan también bastante aceptables debido a que, a 
pesar de estar muy cortadas, lo están de una manera uniforme. En 
cambio, los segmentos que poseen otras inclinaciones (en ambos 
sentidos, hacia el eje ”X” o hacia el eje “Y") resultan más imper¬ 
fectos, debido a las apreciables separaciones o saltos necesarios. 



M Figura l.—La calidad de las líneas que pueden obtenerse sobre una 
página gráfica depende de su resolución, al estar formadas también 
por puntos. Una resolución más elevada (a la derecha en la figura) hace 
que el dibujo se parezca más al de una línea continua trazada con lápiz 
sobre un papel. 

Veamos ahora cómo puede dibujarse una línea actuando so¬ 
bre puntos individuales. Puede utilizarse para ello el programa 1.5, 
cuyo principio de funcionamiento está indicado en la figura 2. 

10 REH *** FR05RAMA 1.5 **» 

20 REH 

30 REH LINEA FORMADA POR PUNTOS 
40 REH 
50 REH 

60 REH PETICION VALORES 
70 REH 

30 INPUT "□ COORDENADAS INICIALES. (X, Y)XI,YI 
SO ÍNPÜT "COORDENADAS FINALES.(X,Y)XF,YF 
100 INPÜT “INCREMENTO";IN 
110 REH 

120 REH CALCULO 
130 REH 

140 LX=XF-XI:LY=YF-YI 
150 L=SQR í LX * «-2+L Y * *2) 

160 DX=LX/L:DY=LY/L 
170 REH 

180 REH TRAZADO LINEA 
190 REH 
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M Figura 2.—En la Figura se representan las relaciones geométricas en¬ 
tre las distintas variables del programa 1.5. En la parte inferior pue¬ 
de verse cómo a cada incremento "IN" en el segmento corresponde otro 
de las coordenadas "X" e "Y", que se obtiene para cada una al multiplicar 
IN por DX y por DY, respectivamente. 


200 HIRES 1,0 

210 FOR 1=0 T0 L STEP IN 

220 PLOTXI+UDX, YI+I*DY, í 

230 NEXT I 

240 REfí 

250 SET Tí: IF T$=" THEN SOTO 250 

260 NRM:SOTO 30 

READY 


El programa solicita las coordenadas iniciales y finales del 
segmento que hay que trazar y, como tercer dato, un valor del in¬ 
cremento. Haciendo referencia a la figura están justificadas las ins¬ 
trucciones de la sección cálculo, que no hacen otra cosa que ob¬ 
tener la longitud L del segmento aplicando el teorema de Pitágo- 
ras. Así, se calculan dos magnitudes (DX y DY), incrementos rela¬ 
tivos de “X” e "Y” que expresan la relación entre la longitud del 
segmento y su proyección sobre los dos ejes cartesianos (LX y 
LY). 

Todo esto será utilizado más tarde en la siguiente sección, 
que dibuja la línea. Para ello se recurre a un ciclo FOR...NEXT, que 
“mueve” el índice I a lo largo de todo el segmento que hay que 
trazar. 

Supongamos que la variable IN vale uno; mientras el índice 
recorre paso a paso el segmento, como si se tratara de un lápiz 
sobre un papel, en cada ciclo del bucle se calcula la posición ex¬ 
presándola en las habituales coordenadas cartesianas referidas a 
los ejes. Esto se produce al sumar al origen del segmento, que es 
conocido (XI, YI), un desplazamiento obtenido utilizando cada vez 
los incrementos “DX” y “DY”. La línea que se obtiene si se asigna 
el valor uno al incremento es un típico ejemplo de segmento tra¬ 
zado sobre una página gráfica. Puede hacerse una prueba dibu¬ 
jando otra línea con una inclinación diferente para comprobar los 
efectos, el mayor o menor parecido a un línea corriente, descritos 
anteriormente. 

Tan sólo dos advertencias con relación al programa. A las pre¬ 
guntas acerca de las coordenadas debe darse una respuesta en 
la forma X,Y (por ejemplo 10,10 ó 137,42). La petición del incre¬ 
mento sirve para demostrar cómo este método puede ser utiliza¬ 
do para obtener líneas discontinuas: bastará responder con un nú¬ 
mero mayor que uno (con uno se obtendrá una línea “relativamen¬ 
te” continua). Otra observación importante es que no deben darse 
coordenadas correspondientes a un punto inicial o final que se ha¬ 
llen fuera de la pantalla, pues en ese caso el programa se parará 
indicando un error. 

Para los no familiarizados con el Commodore 64 indicaremos 
que el carácter que aparece en la línea 80 tras las comillas equi¬ 
vale a la instrucción OLEAR (borrar pantalla). Para completar el 
significado de éste y otros símbolos que irán apareciendo en los 
listados vea el apéndice correspondiente. 

Otro ejemplo de figura obtenida al combinar muchos puntos 
es el del rectángulo sombreado, dibujado por el programa 1.6. El 
programa traza una serie de segmentos horizontales, obtenidos 
siempre a base de puntos, hasta formar el rectángulo de las di¬ 
mensiones deseadas, haciendo uso de dos ciclos FOR...NEXT ani¬ 
dados el uno en el otro. 
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10 REt! *** PROGRAMA 1.6 *** 

20 REM 

30 REM AREA RECTANGULAR LLENA DE PUNTOS 
40 REM 
50 REM 

60 REM PETICION VALORES 
70 REM 
80 PRINT ' “ 

90 INPUT " ANGULO INFERIOR IZQUIERDO 
(X,Y)-;X1 ( Y1 

100 INPUT ” ANGULO SUPERIOR DERECHO 
<X t Y)";X2,Y2 

110 IF X2>=X1 AND Y1>=Y1 THEN 150 

120 PRINT “ VALORES IMPOSIBLES":GOTO 90 

130 REM 

140 REM TRAZADO FIGURA 
150 REM 
160 HIRES 1,0 
170 FQR Y=Y2 TO Yi 
180 FOR MI TO U 
190 PLOTX,Y,1:NEXT X,Y 
200 REM 

210 GEI T$:IF T$= Hn THEN 210 

220 REM 

230 NRM:Q0T080 

READY 





Este ejemplo muestra también de qué manera es posible eje¬ 
cutar un control sobre los valores de las variables introducidas en 
el ordenador. Aquí el control no cubre todos los errores posibles 
de las entradas, pero demuestra igualmente su eficacia poniendo 
en evidencia (con un mensaje de error) aquellos valores que no 
pueden corresponder con los vértices solicitados. 

Esta es una costumbre muy buena a la hora de programar, ya 
que elimina la posibilidad de que el trabajo en curso sea interrum¬ 
pido por un error debido a quien se halla ante el teclado. Resulta 
muy útil sobre todo para programas complicados: un error cau¬ 
sado al introducir valores fuera del límite previsto puede obligar 
a reanudar la ejecución, cosa que a veces puede llevar mucho 
tiempo. 



Todo más cómodo con UNE 


1 dibujar una línea con el método de iluminar 
uno por uno todos los puntos que la componen 
no es nada corriente en gráficos computeriza¬ 
dos. Como ya habíamos visto, entre las instruc¬ 
ciones fundamentales está la adecuada para tra¬ 
zar segmentos; hay que entender que los pro¬ 
gramas 1.5 y 1.6 son sólo ejemplos didácticos 
cuyo fin es el de mostrar el funcionamiento de 
un mecanismo por medio del cual el ordenador 
puede también visualizar segmentos en su página gráfica. 

Una vez asimilado el principio, lo que se utilizará sin duda 
será la instrucción LINE específica para trazar líneas. En esta sec¬ 
ción introduciremos precisamente una serie de programas que ac¬ 
túan sobre el plano para dibujar figuras compuestas por líneas, es 
decir, en dos dimensiones. 

10 REM »* PROGRAMA 2.1 *** 

20 REM 

30 REM EJEMPLOS DE LINEAS 
40 REM 
50 REM 
60 HIRES 1,0 
70 REM 

80 FOR Y=0 TO 180 STEP 20 
90 LINE 0,0,3ÜQ,Y,1:NEXT Y 
100 REM 

110 FOR X= 300 T0 0 STEP -20 
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120 UNE 0,0,X, 180,1:NEXT X 
130 REM 

140 GET T$:IF T$=“"THEN 140 
READY 

Estudiemos este programa. Muestra la capacidad del ordena¬ 
dor para trazar segmentos. En él aparecen dos ciclos FOR...NEXT: 
el primero une el vértice superior izquierdo de la pantalla (origen 
de coordenadas, ¡ojo!) con una serie de puntos del límite dere¬ 
cho, el segundo sigue la obra al unir ©1. mismo vértice con otros 
puntos en el borde inferior. La figura que se obtiene sirve tam¬ 
bién para comprobar aquello que mencionamos anteriormente en 
relación con los dibujos de líneas inclinadas. 

Con el Commodore 64 y el BASIC Simón puede observarse 
también otro detalle: las líneas verticales son menos gruesas que 
las horizontales. Este fenómeno, que resulta más evidente con un 
monitor, está causado principalmente por el limitado ancho de 
banda de la salida vídeo del Commodore, que no es capaz de 
guiar el cañón electrónico con una velocidad adecuada. 

En efecto, ya dijimos que en una pantalla una recta vertical 
es dibujada durante el barrido de izquierda a derecha de cada lí¬ 
nea como una serie de puntos individuales, iluminados uno tras 
otro en rápida sucesión. El hecho de que el ordenador y/o moni¬ 
tor no sean capaces de producir puntos perfectos influirá en toda 
la línea vertical. Pero esto mismo no es válido en relación con las 
líneas horizontales, que son trazadas por el cañón electrónico “de 
una sola vez". Es necesario mencionar el BASIC Simón porque 
otros BASIC pueden resolver el inconveniente simplemente utili¬ 
zando como puntos para componer líneas verticales dos pixels 
contiguos (éste es el caso del Apple). 

Un detalle curioso: si en lugar del monitor se utiliza un televi¬ 
sor doméstico, en general de inferior calidad, el inconveniente 
puede resultar menos evidente. Esto sucede precisamente por¬ 
que el televisor tiene menor definición, así que no es posible dis¬ 
tinguir los detalles más allá de un cierto límite, reduciendo de esta 
manera la diferencia visual entre una línea bien trazada y otra que 
no lo está. 

10 REM »« PR06RAM 2.2 «* 

20 REM 

30 REM LINEAS ALEATORIAS 
40 REM 
50 REM 

80 DEF FNX(A)=RND(1)»320 
70 DEF FNY(A)=RND(1)*200 


80 REM 

90 INPUT CUANTAS LINEAS";N 
100 HIRES 1,0 
110 REM 

120 F0R !=i T0 K 
130 X1=FNX(0):X2=FNXÍ0) 

140 Y1=FNY(0):Y2=FHY(0) 

150 LINE X1,Y1,X2,Y2,1 
160 NEXT I 
170 REM 

180 SET T»:IF T$=" THEN 180 
READY 

El programa 2.2 dibuja en la pantalla algunos segmentos con 
orientación y longitud arbitrarios. El mecanismo es sencillísimo; la 
elección de los números aleatorios se produce con la función RND, 
de la que ya hablamos a propósito del programa 1.3. La novedad 
estriba, en cambio, en la manera de utilizarla: en lugar de ejecu¬ 
tarla en cada ciclo se ha preferido volver a llamarla por medio de 
las funciones definibles del BASIC, en este caso FNX(A) y FNY(A), 
respectivamente, para las coordenadas "X" e "Y". Esto tiene como 
único fin el de dar al programa una estructura más clara y hacer, 
por tanto, que sea más fácil de modificar. Observen que el pará¬ 
metro con el que son llamadas las funciones FNX y FNY es cero, 
ya que en este caso no desarrollan ningún cometido (se trata de 
números aleatorios). , . 

El siguiente programa (2.3) traza un cuadrado en la pagina 
gráfica. 

10 REM **t PROGRAMA 2.3 *»* 

20 REM 

30 REM CUADRADO 
40 REM 
50 REM 

60 HIRES 1,0 

70 NRM:INPUT '□ VERTICE SUPERIOR IZQUIERDO 
(X,Y)";X,Y 
80 INPUT "LAD0= , jL 
90 60SUB 210 
100 REM 

110 LINE X,Y,X+L,Y,1 
120 LINE X+L,Y,X*L,Y+L,1 
130 LINE X+L,Y+L,X,Y+L,1 


X + L,Y 


140 UNE X,Y+L,X,Y, 1 
150 REM 

160 SET 1$: IF T$=" THEN 160 
170 SOTO 180 
180 REM 

190 REM CONMUTA LA PANTALLA A GRAFICA 
200 REM 

210 VC=53248:REM VC=VIDEO CONTROLLER 

220 CI=56576:REM CIA 12 

230 POKEVC+17,PEEKÍVC+175AND2390R32 

240 POKEVC+24, (PEEK < VC+25)AND15)0R8 

250 POKEC'I+2,PEEKCCI+2)0R3 

260 POKECI,PEEKCCIIAND252 

270 POKEVC+17,PEEK(VC+17)0R16 

280 RETURN 

REABY 

No se trata ciertamente de una obra de arte tanto en gráfico 
como en programación, pero nos permitirá hacer algunas obser¬ 
vaciones. La figura se define al especificar las coordenadas de un 
vértice (el que se halla arriba a la izquierda) y la longitud del lado 
(Fig. 1). 

El hecho de determinar la posición de una figura a partir de 
la de un punto que le pertenece es una técnica que permite tra¬ 
zar con facilidad la misma figura en un lugar cualquiera de la 
página gráfica sólo con variar la posición de ese punto. De esta 
manera se acaba por considerarla un módulo gráfico, un patrón 
utilizable con otros módulos (iguales o diferentes) para crear di¬ 
bujos más complicados. En este programa incluso es posible di¬ 
bujar en la pantalla varios cuadrados sin tener que borrar los ob¬ 
tenidos anteriormente. 

Trataremos con más detalle de la técnica de módulos gráfi¬ 
cos en el programa 2.5. 

Volviendo al programa 2.3, en él se hace uso de la instruc¬ 
ción NRM, que, como se recordará, permite volver a visualizar la 
página de texto. Esto es necesario porque el programa está pro¬ 
yectado para dibujar varios cuadrados y para cada uno de ellos 
es necesario pedir al operador su posición y dimensiones. 

No resulta.nada fácil descubrir por uno mismo el método con 
el que se vuelve a visualizar la página gráfica sin borrar su con¬ 
tenido anterior. El procedimiento lo hemos desarrollado en forma 
de subrutina por facilitar el seguimiento del programa. Se trata, bá¬ 
sicamente, de manejar los registros del integrado de control de 
vídeo (VIC 6567) con el fin de provocar la visualización del área 






X.Y 



X.Y+L 


X+L.Y+L 


■0 Figura l.—Los vértices de un cuadrado pueden ser definidos por 
aB medio de las coordenadas de uno de ellos y la longitud del lado. 


de memoria que constituye la página gráfica. Se entiende, por tan¬ 
to, que la operación (regresar a la página gráfica sin borrarla) de¬ 
pende estrictamente del ordenador que estamos utilizando, así 
que será necesario revisarla en caso de que se quiera escribir un 
programa parecido para otro ordenador. 

La última observación se refiere a que, con toda probabilidad, 
la figura no se parecerá mucho a un cuadrado. Aquí entran en jue¬ 
go las proporciones de la pantalla y las de la página gráfica, te¬ 
mas de los que hablaremos más adelante. 

10 REM «t PROGRAMA 2.4 «♦ 

20 REM 

30 REM CUADRICULA 
40 REM 
50 REM 
60 HIRES 1,0 
70 REM 

30 EOF: Y=30 TG 100 STEP 10:LINE 30,Y, 140,Y, 1 
:NEXT Y 
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90 FOR X=30 TQ 140 STEP IOíLINE X,30,X f 100,1 
:NEXT X 
100 REM 

110 SET T$:IF T$=" THEN 110 
READY 

Antes de pasar a algo más complejo, veamos otro ejemplo 
de utilización de los segmentos, como el mostrado por el progra¬ 
ma 2.4, que dibuja una serie de líneas en forma de cuadrícula. Esto 
es llevado a cabo por medio de dos ciclos..FOR...NEXT que trazan, 
el primero las líneas horizontales y el segundo las verticales. En 
este caso resulta particularmente evidente el defecto que ya men¬ 
cionamos con relación al grosor de los segmentos verticales, so¬ 
bre todo si se usa un monitor. Se puede intentar mejorar la situa¬ 
ción haciendo que las líneas verticales tengan doble anchura. Bas¬ 
tará para ello que en cada ciclo sean trazadas dos líneas conti¬ 
guas en vez de una sola, añadiendo antes del "NEXT X” la instruc¬ 
ción 

LINE X+1,30, X+1,100,1 

Merece la pena realizar la prueba para darse cuenta de cómo 
es posible mejorar la calidad de la imagen tan sólo con hacer más 
visibles las líneas verticales. 


Un pequeño proyecto gráfico: Manhattan 

Nos vamos a sumergir ahora en un proyecto gráfico relativa¬ 
mente complejo en el que aparecerán muchos de los argumentos 
y técnicas tratados hasta ahora. Lo que queremos obtener es un 
dibujo estilizado que represente una serie de rascacielos (de ahí 
el nombre Manhattan) según un paisaje definido por el programa 
pero fácilmente modificable. Existe además la posibilidad de di¬ 
bujar paisajes casuales, es decir, diferentes en cada momento. 

Un ejemplo de lo que podrá verse en la pantalla se muestra 
en la figura 2. El programa 2.5 ha sido escrito teniendo en cuenta 
la exigencia de obtener un programa comprensible y modifica- 
ble sin demasiadas dificultades. Vamos a resaltar algunos detalles 
para aquellas personas que estén dando sus primeros programas 
de gráficos computerizados: 

• el listado está dividido en bloques funcionales (o seccio¬ 
nes) que se reconocen con facilidad; cada uno de ellos está 
precedido por un breve título que especifica su función; 
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M Figura 2— Paisaje dibujado por el programa Manhattan (2.5). La for¬ 
ma de cada rascacielos se define fácilmente por medio de unos po¬ 
cos parámetros contenidos en lineas de DATA. 


• el dibujo de cada rascacielos es ejecutado siempre por la 
misma subrutina, llamada cada vez con parámetros diferen¬ 
tes. El significado de cada uno de los cuatro parámetros ne¬ 
cesarios está especificado en los comentarios que se ha¬ 
llan al comienzo de la subrutina; 

• gracias a este planteamiento el paisaje queda completa¬ 
mente definido con pocas constantes, insertadas en un gru¬ 
po de líneas DATA, de tal modo que es muy fácil modificar 
el resultado final sin tener que tocar para nada el cuerpo 
del programa (ésta es una característica muy importante); 

• cada rascacielos está constituido por la unión de diferentes 
elementos gráficos (muros, puerta, ventanas, terminación, 
ventanas de la terminación y punta) que no cambian su for¬ 
ma entre un rascacielos y otro (excepto los muros), sino 
sólo su posición y el que estén presentes o no; 

• estos elementos han sido compuestos de forma que depen 
den tan solo de los cuatro parámetros antes mencionados, 
es decir: B (medida de la base), H (medida de la altura), 
T (indica la presencia de la terminación) y P (indica la 
presencia de la punta); 
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• todos los elementos están situados según una unidad de 
medida, que es la misma en todo el programa; 

• hay ciertos controles que impiden que datos equivocados 
puedan provocar errores; 

• una vez hecha la elección entre un paisaje definido u otro 
arbitrario, las secciones del programa que ejecutan las dos 
tareas están claramente diferenciadas entre sí. 

Después de estos detalles no debería resultar difícil entender 
en su totalidad el funcionamiento del programa; aun así, examina¬ 
remos en detalle tanto el procedimiento Utilizado como las rela¬ 
ciones geométricas entre los distintos elementos que constituyen 
cada rascacielos. 


10 REM m PROGRAM 2.5 *** 

20 REM 

30 REM MANHATTAN 
40 REM 
50 REM 

60 RC=i6:REM UNIDAD DE MEDIDA CRASO 
70 REM 

80 0X=0:0Y=199 

SO PRINT "□ PAISAJE PREDEFINIDO 0 CASUAL ÍD/C)“; 

100 INPUT R$¡ IF RfO'D' AND R$<)"C) THEN 30 

110 HIRES 1,0 

120 IF R$="C* THEN 240 

130 REM 

140 REM PAISAJE PREDEFINIDO 
i 50 REM 

160 RESTORE:READ NR 
170 F0R I--1 TQ NR 
180 READ B,H,T,P:GOSUB 540 
130 0X=QX+8*NR 
200 NEXT I:GOTO 340 
210 REM 

220 REM PAISAJE CASUAL 
230 REM 

240 B=INT(RND(1)*3)+1 

250 IF 0X+8*RC>320 THEN 340 

260 H=INTERND(l)*8)+3 

270 T=RNDíí)>.5 

280 P=RNDí1)>.5 

230 GOSUB 540:QX=0X+B*RC 


300 GOTO 240 
310 REM 

320 REM ESPERA UNA TECLA 
330 REM 

340 GET Tí:IF T$=" a THEN 340 

350 NRH:PRINT "□ OTRA VEZ (S/N)INFUT R$ 

360 IF RÍO’N" AND R$<)“S“ THEN 350 

370 ÍF Rí="S‘ THEN 80 

380 PRINT "BES GK, ADIOS...“:END 

330 REM 

400 REM ií*mtt**»****íí**t**»*tm*m 


410 REM * * 
420 REM t SUESÜTINA * 
430 REM * DIBUJO RASCACIELOS * 
440 REM * * 


450 REM mHiHHHHHiHHHHHHHi 

460 REM 

470 REM B=BASE 

480 REM H=ALTURA 

430 REM TOO GERMINACION 

500 REM POO =PUNTA 

.510 REM 

520 LINE DX f 0Y-H*RC,0X,0Y,1 

550 LINE 0X f QY.OX+B íRC-I.OY,1 

560 LINE 0X+B*RC-1,0Y,DX+B*RC-1,0Y-H*RC,1 

570 LINE OX+BtRC-l,0Y-H*RC,0X,0Y-H*RC,1 

580 REM 

530 REM TRAZADO PUERTA 
600 REM 

610 Xl=0X+B*RC/2-5:X2=GX+B»RC/2+4 
620 LINE,X1,0Y,X1,0Y-3,1 
630 LINE X1,GY-9,X2,GY-9,1 
640 LINE X2 f 0Y-3,X2 l 0Y,l 
650 REM 

660 REM TRAZADO DE VENTANAS 
670 REM 

680 F0R 19=1 T0 H-1:FGR 18=0 T0 B-l 
690 X3=0X*T8»RC+6:Y3=GY-I9*RC 
700 F0R 17=0 T0 3 
710 LINE X3+I7 t Y3,X3+I7,Y3-a f 1 
720 NEXT 17 


730 NEXT 18,19 
740 REM 

750 REH DIBUJO TERMINACION 
760 REM 

770 IF TtO OR B=1 THEN 930 

780 X4=0X+7:X5=aX+B*RC-8:Y4=0Y-H*RC: 

Y5=0Y-(H+1)*RC 
790 UNE X4,Y4,X4,Y5,1 
800 UNE X4,Y5 f X5,Y5,l V 

810 UNE X5,Y5,X5,Y4,1 
820 REH 

830 REM TRAZADOS VENTANAS TERMINACION 
840 REH 

850 FOR 19=0 TO B-2 

860 X6=X4+I9*RC+5:X7=X4+I9*RC+12:Y6=Y4-8 
870 FOR 18=0 TO 3 

830 UNE X6,Y&-I8,Xb+2,Y6-I8,1:LINE X7-2, 
Y6-I8,X7,Y6-I8,1 
890 NEXT 18,19 
900 REH 

910 REM TRAZADO PUNTA 
920 REM 

930 IF P=0 THEN 990 
940 X8=0X+B*RC/2-2 

950 Y8=QY-H*RC: IF TOO AND B>1 THEN Y8=Y8-RC 
960 UNE X8,YB,XB,Y8-3,1:UNE X8+1,Y8,X8+1, 
Y8-RC,1 

970 UNE X8+2,Y8, X8+2,Y8-RC, 1:LINE XB+3.Y8, 
X8+3,Y8-3,1 
980 REM 

990 RETURN REM * FIN SUBRUTINA * 

1000 REM 
1010 REM 

1020 REM DESCRIPCION RASCACIELOS 
1030 REM 

1040 DATA 12:REM No.RASCACIELOS 
1050 DATA 2,6,1,0,1,8,0,1,3,4,1,0,1,10,0,1 
1060 DATA 3,6,0,1,1,10,0,1,2,5,1,0,1,8,0,0 
1070 DATA 1,7,O,O,2,9,1,1,2,7,1,0,1,5,O,O 
READY 



Lo primero es definir una unidad de medida que podamos uti 
lizar como estándar, con un valor cualquiera pero constante du 
rante todo el programa. Al tratarse de rascacielos podemos lia 
marla "RASC" y su valor, fijado igual a 16 pixels, es asignado a la 
variable RC (línea 60). Las dimensiones del rascacielos quedan de 
finidas por medio de la anchura de su base, indicada por la va¬ 
riable B, y de su altura H. 

Veamos ahora de qué manera la subrutina dibuja un único ras¬ 
cacielos (desde la línea 400 a la 990); este proceso, repetido va¬ 
rias veces, creará luego el paisaje completo. Es importante hacer 
notar que el dibujo del edificio se lleva a cabo con referencia a 
un solo punto del mismo (criterio ya utilizado en el programa 2.3), 
que es en este caso el ángulo inferior izquierdo, es decir, el ex¬ 
tremo izquierdo de la base. Este punto, definido por medio de sus 
coordenadas “OX” y "OY" (origen X y origen Y), se halla inicial¬ 
mente a la izquierda en el fondo de la pantalla y se va desplazan¬ 
do hacia la derecha a medida que van dibujándose los diferentes 
rascacielos. La primera asignación de la posición del origen se 
produce en la línea 80. 

El dibujo de cada rascacielos se efectúa empezando por su 
contorno exterior, ejecutado por la sección del programa llamado 
"TRAZADO MUROS” (líneas 520-570). Supongamos que queremos 
dibujar un rascacielos con base 2 RASC y altura 5; la relación en¬ 
tre sus vértices está indicada en la figura 3. En realidad, estas re¬ 
laciones son bastante sencillas: se trata tan sólo de hallar la posi¬ 
ción de tres vértices de un rectángulo dada la posición de uno de 
ellos abajo (a la izquierda, que es el origen) en base a la unidad 
de medida RC y a los valores de B y de H (base y altura). 

Nótese que el extremo derecho de la base posee una coor¬ 
denada igual a OX+(B*RC)-l. Ese "menos uno" sirve para que la 
longitud de la base sea precisamente igual al número especifica¬ 
do de RASC. En nuestro ejemplo la base mide 2 RASC, es decir, 
32 pixels (1 RASC = 16 pixels). La coordenada "X” del extremo de¬ 
recho de la base, que está dada por OX+(2*16)-l, vale OX+31; la 
del extremo izquierdo vale, por definición, OX; en total son, efec¬ 
tivamente, 32 puntos. El hecho de corregir esta unidad es nece¬ 
sario para dibujar la base, pues de otro modo los rascacielos ocu¬ 
parían más espacio en horizontal de lo previsto. 

En el caso de la altura tal corrección no ha sido aplicada para 
hacerlo más sencillo; lo único que ocurre es que_la altura de los 
edificios aumentará en un pixel. Esto equivale a añadir a cada ras 
cacielos un techo de un espesor de un punto, cosa que no entor 
pece para nada el dibujo. 

El siguiente paso es el dibujo de la puerta. Este siempre se 
halla a nivel del suelo. Su posición se calcula fácilmente con sólo 
referimos al origen, según los criterios que aparecen en la fiqu 
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0X+ (B* RC) —1.0Y—(H« RC) 


/ 



— v//\TiD«nu - .yr 

(BASE=2) 

Figura 3.—Las relaciones geométricas entre los vértices de los mu- 
mm ros del rascacielos están deducidas a partir de su origen, definido 
arbitrariamente como el extremo izquierdo de la base, de la lonqitud de 
ésta y de la altura. 


ra 4, en donde en este caso se supone que la base del rascacielos 
posee una anchura de un RASC. No resulta difícil comprobar qué 
la puerta ha sido definida de tal manera que se halle siempre en 
posición centrada en relación a la base, independientemente de 
que ésta posea un número par o impar de RASCs. El segmento de 
programa llamado "TRAZADO PUERTA” (líneas 590-640) se encar¬ 
ga en primer lugar de calcular la posición horizontal de los pun- 
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0X+(B*RC/2)-5 

(XI) 


OX+(B.RC/2) 


OX+ (B«RC/2)+4 
(X2) 


?:fm¡ Figura 4— También los puntos del contorno de la puerta se calculan 
$£& en función de la posición del origen del rascacielos. Han sido defi¬ 
nidos de tal modo que la puerta esté siempre centrada en relación a la 

K mslmtiara m\& 977 Anchlin 9. 


tos "XI" y "X2” para, a continuación, trazar el contorno de la puerta 

Gil SÍ. 

Pasamos seguidamente a las ventanas (líneas 660-730). Hay 
una fila vertical por cada RASC de anchura de la base (véase de 
nuevo la Fig. 2), desde el primer piso hasta arriba. En la figura o 
se muestra la posición de cada ventana, referida al RASC cuadra¬ 
do" en la que se halla. Esta posición es válida independientemen¬ 
te de que se encuentre de veras entre dos muros o rodeada por 
otras ventanas. La sección del programa que dibuja las ventanas 
comprende tres ciclos FOR...NEXT anidados uno dentro del otro, 
el más extemo (línea 680) usa como índice la variable 19, que so 
desplaza en el sentido de la altura del rascacielos. Los limites dol 
ciclo (desde 1 hasta H-l) son tales que las ventanas se dibujan a 
partir del primer piso hasta el último. El segundo bucle, con indi 
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/ Figura 5.—Dibujo de una ventana. Los muros visibles en la fíoura 
pueden existir o no. 


ce 18 (línea 680), se desplaza de izquierda a derecha paralelamen¬ 
te a la base: para cada valor asumido por 18 es dibujada una ven¬ 
tana. 

Las ventanas son unos rectángulos llenos, cuya posición está 
en función de un punto de coordenadas "X3.Y3". Pueden ver que 
¡as dos expresiones que calculan "X3" e "Y3" (línea 690) contienen 
las coordenadas del origen y hacen al mismo tiempo referencia 
a los índices 18 e 19. De esta manera se cumple el principio gene¬ 
ral por el que cada elemento del rascacielos debe tener una po¬ 
sición definida con relación al origen. Una vez calculado el punto 
(X3, Y3) el tercer ciclo (línea 700), con variable 17, se encarga de 
dibujar la ventana, que sabemos que es un rectángulo con el vér¬ 
tice inferior izquierdo en la posición indicada por "X3" e "Y3”. Sus 
dimensiones, 4><9 pixels, están determinadas tanto por los límites 
del ciclo en cuestión (de 0 a 3, es decir, cuatro veces) como por 
la constante 8 que aparece en la instrucción LINE en la línea 710. 
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El resultado global de los tres bucles vistos hasta ahora es H <!<• 
dibujar todas las ventanas que se hallen en el cuerpo deí rase, 
cielos de abajo a arriba y (si la anchura es mayor que un RASO) 

de S a eSe"s dibujar el aaiien.e gu. en el progne 
ha sido llamado "terminación" (líneas 750-810). Hay una novedad 
con relación a las secciones precedentes: mientras iodosdos: ras 
cacielos poseen puerta, muros y ventanas, la terminacion es íacul 
tativa Hay la posibilidad de escoger entre dibujarla o no por 
medio de la variable T, que es utilizada aquí como flag (unflag 
—literalmente "bandera"— es un indicador del tipo si/no). Si el 
flag T posee un valor distinto de cero; tal terminación sera dibu¬ 
jada- de otro modo, el techo de la construcción sera plano. Este 
es un ejemplo de cómo es posible vanar con facilidad la figura 
alterando el valor de los parámetros que la describen, sin tener 
para ello que modificar las instrucciones del programa. 

Existe además una condición que determina si se puede di 
bujar el saliente: el hecho de que el rascacielos posea¡una anchu¬ 
ra superior a un RASC. En efecto, se ha definido que sólo aquellos 
cuya anchura es superior a uno puedan tener la terminación (lí 
nea 770). Ello se debe a que ésta posee una anchura igual a un 
RASC y se halla situada en el cento del techo. Este otro factor co 
tituye una protección contra los planteamientos err oneos, es una 
buena norma proyectar un programa de manera que cualquier 
elección equivocada por parte del operador no produzca un mal 
funcionamiento o incluso el bloqueo del programa en si. 

El dibujo de la terminación se realiza de una manera que ya 
nos es familiar. En primer lugar se calculan ^coordenadas; (siem¬ 
pre en relación con el ongen), en este caso X4, X5, Y4 e YEi fine 
780).Después, sirviéndose de las mismas,una sene demstru - 
nes UNE dibujan los segmentos necesarios (lineas 7 9 °-810). Para 
comprender mejor las relaciones entre los puntos puede ver la 

F ‘ g ' También las ventanas de la terminación, más pequeñas que 
las anteriores y siempre emparejadas, son trazadas (lineas 
830-890) con criterios parecidos a lo que ya vimos a proposito de 
las ventanas principales: para cada pareja de vontanas se calcu^ 
lan las posiciones de dos de sus puntos caractensticos (en esle 
caso X6, Y6 y X7. en la línea 860); luego otro ciclo se encarga de 
dibujarlas en relación con esos puntos. El cálculo de x6 - X7 ® 
hace referencia a las coordenadas X4,Y4, que habían sido calcu 
iadas anteriormente para dibujar la terminación y que, a su vez, 
esmban en elación con el origen (OX, OY). De esta manera con 
tinúa el principio por el cual todos los elementos del rascacielos 

deben ser dibujados en relación con el ongen. 

El último elemento de la construcción es la punta (Hnr,.i.. 
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X4.Y5 

I 



nz 



X6.Y6 



X7.Y6 




t 


X4.Y4 (X5.Y5 ES EL ANGULO DERECHO 
CORRESPONDIENTE) 


Jj Wf Figura 6.—Relación entre los principales puntos de la terminación y 
'** los de sus ventanas. Aquí se muestra tan sólo el extremo izquierdo 
de una terminación; su anchura depende de la del rascacielos 


910-970). Este también será opcional, dependiendo del valor del 
flag P (línea 930). Una punta está constituida por cuatro segmen¬ 
tos unidos como indica el esquema de la figura 7. Siguiendo el mis¬ 
mo procedimiento de siempre, también en este caso se calcula 
lugar la posición de un punto característico (líneas 
940-950), de coordenadas X8.Y8 (véase la figura). El cálculo inclu¬ 
ye una corrección en la coordenada "Y” que entra en acción si el 
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! Figura 7.—Dimensiones y posición de una punta con relación al pun¬ 
to X8.Y8. 


rascacielos posee también terminación. La corrección es efectuada 
por el test condicional que se halla en la línea 950 (nótese que 
aquí también actúa la protección anteriormente citada, que consi¬ 
dera ia existencia de una terminación en la cima del rascacielos 
sólo si éste es más ancho que un RASC). 

Con esto hemos terminado el examen de la subrutina que 
efectúa el dibujo de todos los elementos del rascacielos. Como he¬ 
mos visto, sus efectos son totalmente dependientes del valor de 
cuatro parámetros: B, H, T y P, y de las coordenadas del origen 
OX.OY. 

Volviendo a observar el programa globalmente se nota que 
hay dos secciones distintas capaces de llamar a la subrutina de 
dibujo. La primera de ellas (líneas 140-200) interviene en el caso 
de que se quiera obtener la imagen del paisaje predefinido; la se¬ 
gunda, si se solicita uno casual (líneas 220-300). 

Como habíamos anticipado, todo el paisaje visible en la figu¬ 
ra 2 está descrito completamente por medio de un grupo de lí 
neas DATA que se hallan reunidas al final del programa en una 
sección reservada para ellas (líneas 1020-1070). Estos datos puo 
den ser fácilmente alerados por el usuario del programa por si do 
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sea darse cuenta mejor de su funcionamiento; es más, es conve¬ 
niente tratar de hacerlo, sobre todo si no se es muy experto en 
gráficos computerizados. La facilidad con la que es posible modi¬ 
ficar el comportamiento de un programa concebido de esta ma¬ 
nera (es decir el paisaje que aparece en la pantalla) puede ser sor¬ 
prendente y les animará, sin duda, a realizar por sí mismos algu¬ 
nos proyectos gráficos basándose en conceptos parecidos a los 
que han sido examinados en este ejemplo. 

La organización de las líneas DATA es muy sencilla. La pri¬ 
mera cantidad (línea 1040) representa -el número de rascacielos 
que hay que dibujar, en este caso 12; las siguientes, tomadas de 
cuatro en cuatro, constituyen los parámetros que son pasados a 
la subrutina de dibujo para definir las características de cada uno 
de los rascacielos que debe aparecer en la pantalla. En el ejem¬ 
plo del programa 2.5, que dibuja doce edificios, los parámetros 
que hay que pasar son en total 48. Su orden es el ya citado: B, H, 
T y P, correspondientes a base, altura, terminación (sí/no) y punta 
(sí/no). Al observar los primeros datos de la línea 1050 se nota in¬ 
mediatamente que el primer rascacielos tendrá una base de 
dos RASC, una altura de seis, poseerá terminación pero no tendrá 
punta. La imagen que aparece en la pantalla confirma que eso es 
cierto. 

La sección "paisaje predefinido" (líneas 140-200) lee en pri¬ 
mer lugar el número de rascacielos NR en la línea 160, luego eje¬ 
cuta un ciclo (líneas 170-200) que toma cuatro parámetros cada 
vez y llama a la susbrutina de dibujo para interpretarlos. Después 
de cada rascacielos, la coordenada "X" del origen es desplazada 
hacia la derecha un número de pixels igual a la anchura de la base 
(línea 190). El dibujo en pantalla se lleva a cabo, por tanto, de iz¬ 
quierda a derecha, ya que, como ha sido señalado otras veces, la 
posición de todo el rascacielos depende de la del origen (OX,OY) 

¡Cuidado con un detalle!: No ha sido prevista ninguna protec¬ 
ción contra una descripción del paisaje tal que lo haga salirse de 
los márgenes de la pantalla; esto puede constituir un tema intere¬ 
sante para un ejercicio. 

Si, en cambio, lo que se desea es un paraje casual, entra en 
acción el segmento del programa siguiente (líneas 220-300), que 
genera aleatoriamente los valores de los cuatro parámetros B, H 
T y P. La manera de utilizar la función RND nos es ya conocida; 
en este caso (línea 240) los valores posibles para B van de 1 a 3, 
y los de H, de 3 a 10 (para hacer una prueba, se puede intentar 
variar estos parámetros). 

Seguramente les causará sorpresa el método utilizado para 
obtener “T" y "P" en las líneas 270 y 280. Esto se basa en el hecho 
de que "RND(1)>.5” constituye una expresión lógica a la que el 
BASIC asigna el valor cero si es falsa, o un valor distinto de cero 
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en caso de ser verdadera. Como RND(l) es un número aleatorio 
comprendido entre 0 y 1, será mayor que 0.5 aproximadamente 
en el 50 por 100 de los casos y menor que 0.5 en el restante 50 
por 100. El resultado es que la probabilidad de que un rascacielos 
tenga terminación es del 50 por 100, y lo mismo vale para la punta. 

El dibujo del paisaje arbitrario termina cuando a la derecha 
de la pantalla no queda espacio suficiente para otro edificio (el 
control está en la línea 250). Este método es bastante inexacto, ya 
que aunque no haya espacio suficiente para el rascacielos calcu¬ 
lado, podría ser bastante para un edificio con una base más pe¬ 
queña. Se puede intentar, como ejercicio, modificar de forma ade¬ 
cuada el programa para que el paisaje termine siempre en la po¬ 
sición más a la derecha posible de la pantalla (dibujando un ras¬ 
cacielos de dimensiones adecuadas). 

También en el caso del paisaje casual después del dibujo de 
cada edificio el origen es desplazado hacia la derecha lo suficien¬ 
te como para trazar el siguiente (línea 290). 
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DIBUJO DE FIGURAS GEOMÉTRICAS 



Problemas de escala: cuadrados 
rectangulares y círculos elípticos 

uando se trabaja con programas, a la hora de 
hacer figuras geométricas surge inmediata¬ 
mente la cuestión de las proporciones de la 
pantalla. El problema reside en esto: si un pro¬ 
grama concebido para trazar un cuadrado 
(como el 2.3) dibuja en cambio un rectángulo, 
o vemos aparecer una elipse cuando lo que 
queríamos era una circunferencia, significa que 
PBaaw la escala del eje "X” es distinta de la del eje 

"Y". En otras palabras, un mismo número de puntos forma un seg¬ 
mento de una longitud, digamos, de diez centímetros sobre el eje 
"X" mientras que sobre el eje “Y" traza otro de medida diferente. 
Toda imagen de la pantalla tendrá las proporciones alteradas, 
como si hubiera sido "estirada" en una dirección y aparecerá dis- 

l ° rS Cambiando el punto de vista podemos decir que esto ocurre 
cuando los pixels no son cuadrados sino rectangulares. El incon¬ 
veniente puede producirse debido a dos causas: o el ordenador 
genera uña página gráfica con los ejes a escalas diferentes o el 
monitor (o televisor) no está correctamente regulado, de tal modo 
que distorsiona la imagen. El Apple posee una resolución de 
280=<192 puntos; el Commodore 64, de 320x200; ninguno de los dos 
corresponde exactamente a la relación 4/3 que caracteriza las 
dimensiones de una pantalla. Por tanto a pesar de utilizar i 
monitor perfectamente regulado, s.e tendrá en ambos casoo una 
distorsión. El Commodore 64 se aleja de una manera partícula! 
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10 REM «* PROGRAMA 2.6 *« 

20 REM 

30 REM TEST ESCALA 
40 REM 
50 REM 
60 HIRES 1,0 
70 REM 

BO UNE 0,0,199,0,1 

90 UNE 199,0,199,199,1 *- 

100 UNE 199,199,0,199,1 
110 UNE 0,199,0,0,1 
120 REM 

130 GET T*:IF T$=‘" THEN 130 
READY 

El programa 2.6 permite comprobar si el inconveniente se 
presenta y, en caso afirmativo, en qué medida. Puede hacerse tra¬ 
zando lo que debería ser un cuadrado: si la figura que aparece no 
es ésa nos hallaremos frente a un descalibramiento de escala; ha¬ 
brá entonces que medir con una regla los lados del rectángulo 
que aparece en pantalla. 

Definimos como "factor de escala" la relación entre ia medida 
del lado vertical "Y" y la del horizontal "X". Esta relación será ma¬ 
yor o menor que uno, según que predominen la dimensión “Y” o 
la "X”. Una vez conocido el factor corrector adecuado puede nor¬ 
malizarse la situación procediendo como indicamos en el progra¬ 
ma 2.7: todas las coordenadas del eje "X 1 ’ son multiplicadas por el 
factor de escala. En este programa habrá que rectificar, natural¬ 
mente, la linea 60 e introducir la verdadera relación que hemos 
obtenido (el valor 1.2 sirve tan sólo como ejemplo). De ahora en 
adelante todos los programas que traten de figuras geométricas 
incluirán esta corrección; está claro que habrá que tomar cada vez 
la precaución de introducir el valor correcto del factor de escala, 
indicado siempre con la variable FE. 

10 REM *** PROGRAMA 2.7 **» 

20 REM 

30 REM CORRECCION DE ESCALA 
40 REM 
50 REM 

60 FE=1.2: REM FACTOR DE ESCALA 
70 HIRES 1,0 
80 REM 


90 LINE 0*FE,0,199*FE,0,1 
100 LINE 199*FE,0,199*FE,199,1 
110 LINE 199*FE,199,0*FE,199,1 
120 LINE 0*FE,199,Q*FE,0,1 
130 REM 

140 GET Tí:IF T$=" ! ' THEN 140 
READY 


El recorte de las figuras (clipping) 


Los programas examinados hasta ahora han sido desarro 
dos para producir imágenes más o menos determinadas desde 
un principio, pero al ir adentrándonos en los gráficos computeri¬ 
zados a menudo se halla uno frente al dibujo y manipulación de 

fiquras de naturaleza variable. _ ,, „ 

9 Cuando el programa está destinado a un uso generaihay que 
tener en cuenta un problema: puede ocurrir que algunos segmen 
tos de fa Sen tengan una medida y/o orientación tal que se 
"salgan" de la pantalla 9 Con el Commodore^64 esto ocurre si «in¬ 
dica una coordenada "X" menor que cero o mayor que=319, o una 
coordenada "Y” menor que cero o mayor que 199. Cuando se da 
este caso, el Commodore 64 lo considera (correctamente) un error, 
produciendo la interrupción inmediata del programa en 
P Este inconveniente puede resolverse si incluimos enlospro- 
aramas oue lo requieran una subrutina de clippmg (recorte) 
comJfcqSe a¿a£U en el programa 2.8. El objetivo de una 
subrutina de este tipo es el examinar las coordenadas de cada 
SSSfo ¿ehly que trazar en pantalla para intervenir luego 
adecuadamente en caso de que uno de sus extremos se halle 
fuera de los limites de la página gráfica. La intervención consiste 
en cortar el segmento de manera que quede interrumpido en 


10 REM «* PROGRAMA 2.8 *** 

20 REM 

30 REM CLIPPING DE SEGMENTOS 
40 REM 
50 REM 

60 XI=0:XD=319:YA=0:YB=199 
70 HIRES 1,0¡GOTO 320 
80 REM 

90 REM CLASIFICACION DE PUNTOS 
100 REM 


110 I(i)=X(¡KXI 
120 D(I)=X(IKXD 
130 A(I)=Y£I)>YA 
140 8(I)=Y(I)>YB 
150 RETURN 
160 REM 

170 REM CALCULA LOS EXTREMOS 
180 REM 

130 SQSUB 110 v. 

200 V=0:IF I<l)*I(2)+D(i)*D(2)+A(i)*A(2)+ 

8(1 )*B(2)00 THEN 280 

210 1=1:IF I(1j+D(í)+A!l)+B(l)<>0 THEN 240 
220 1=2:IF I(2)+D(2)+A(2)+B(2)<>0 THEN 240 
230 V=1:GOTO 280 

240 IF 1(1)00 THEN Y(I)=Y(1)+(XI-X(1))»(Y(2)- 
Y( 1))/(X(2)-X(1)):X(I)=XI:GOTO 190 
250 IF 0(1)00 THEN Y(I)=Y(1)+(XD-X(1))*(Y(2)- 
Y( 1))/(X(2)-X <1)):X(I)=XD:SOTO 130 
260 IF AíDOO THEN X(I)=X(I)+£YA-Y(1))*(X(2)- 
X£1))/(Y(2)-Y(1)):Y(I)=YA:GOTO 190 
270 IF 3(1)00 THEN X(I)=X(1)+(YB-Y(1))*(X(2>- 
X(1))/(Y(2)-Y(1)):Y(I)=YB:GOTO 130 
280 RETURN 
290 REM 

300 REM PROGRAMA PRINCIPAL 
310 REM 

320 LINE XI f YA,XD,YA,1 

330 LINE XD f YA,XD,YB,1 

340 LINE XD, YB f XI f YB, 1 

350 LINE XI,YB,XI,YA,1 

360 READ NP:FOR J=1 TO NP:FOR 1=1 TO 2 

370 READ X(I),Y(I):GOSUB 110 

380 NEXT I 

390 GOSUB 200: IF VOO THEN LINE X (1), Y( 1), X(2),Y(2), 1 
400 NEXT J 

410 SET T$:1F T$="" THEN 410 
420 END 
430 REM 

440 REM EXTREMOS DE LOS SEGMENTOS 
450 REM 

460 DATA 5:REM No.SEGMENTOS 


470 DATA -20,10,350,50 
480 DATA 30,130,150,60 
430 DATA -30,-10,50,210 
500 DATA 30,250,340,50 
510 DATA 210,-30,340,120 
READY 


Vamos a echar un vistazo a este procedimiento. En primer lu- 
iar son definidas cuatro variables (línea 60) destinadas a conte¬ 
ner el valor máximo permitido para las coordenadas "X" e “Y”. 

: trata de XI (X izquierda), XD (X derecha), YA (Y arriba) e YB 
! Y abajo). A continuación sigue el verdadero proceso de clipping, 
dividido en dos subrutinas diferentes (líneas 90-150 y 170-280). 

1 :i programa principal (300-420) lee los extremos de los segmen- 
los que hay que dibujar de un grupo de líneas DATA para des- 
I .ués someterlas al clipping. En este caso se trata de cinco seg¬ 
mentos (líneas 440-510); el resultado de la operación será poste¬ 
riormente trazado en la pantalla. 

En primer lugar, el programa principal dibuja los límites de 
la página gráfica (líneas 320-350). Esto no es esencial para la eje¬ 
cución del procedimiento de clipping, pero sirve para mostrar me¬ 
jor el efecto. Después lee el número de líneas que hay que dibu¬ 
jar; valor que es utilizado como límite del ciclo que lee las coor¬ 
denadas de los extremos de todos los segmentos. Para cada uno 
de ellos (variable J) es ejecutada dos veces la línea 370. Su fun¬ 
ción es la de leer las coordenadas de los dos extremos de un solo 
segmento de las líneas DATA; luego las enviará una por una a la 
subrutina de clasificación de los puntos (90-150). Esta, por tanto, 
recibe las cuatro coordenadas de los dos extremos, contenidas en 
las variables X(l), Y(l) y X(2), Y(2). Cada uno de estos puntos es 
clasificado en base al esquema que aparece en la figura 1. Sus¬ 
tancialmente. se determina si el punto en cuestión está dentro o 
no de la página gráfica, y si no lo está, en qué otra zona se halla. 

Queremos recordar también que el valor numérico resultante 
de una expresión lógica como X(I)<XI (líneas 110-140) está deter¬ 
minado por el hecho de que ésta sea verdadera o falsa, y le co¬ 
rresponde, respectivamente, el valor 1 (en algunos ordenadores 
-1) ó 0. Por tanto, tras haber llamado por dos veces a la subrutina, 
los dos extremos del segmento estarán clasificados por el conte¬ 
nido de las variables 1(1), D(l), A(l), B(l) para el primer punto, e 
1(2), D(2), A(2), B(2) para el segundo. 

Posteriormente, la línea 390 llama a la segunda subrutina que, 
según los resultados obtenidos en la primera, calcula los extre¬ 
mos del segmento correspondientes tan sólo a la parte "visible” 
del total. En la misma línea (390) se procede también al dibujo del 
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M Figura l.—La subrutina de clasificación de los puntos determina si 
cada uno de los extremos de un segmento se halla o no fuera de 
uno de los cuatro límites de la zona visible. 


mismo, pero sólo si la variable V lo clasifica como "visible" 
(tomando en tal caso un valor distinto de cero). Este examen es 
hecho en la línea 200: 

200 V=0: IF I( 1 )*I(2)+D( 1 )*D(2)+A( 1 )*A(2)+B( 1 )*B(2)<>0 THEN280 

Si el segmento en cuestión posee ambos extremos situados más 
allá de un mismo límite, uno de los productos, por ejemplo 
D(1)*D(2), resultará distinto de cero. Si esto ocurre, el proceso de 
clipping termina aquí, señalando por medio de la variable V que 
el segmento examinado no posee parte alguna dentro de la pá¬ 
gina gráfica y que, por tanto, es “invisible". 

Las líneas 210 y 220 comprueban si el segmento tiene alguno 
de los dos extremos situados fuera de los límites: 

210 I = 1 :IF I( 1 )+D( 1 )+A( 1 )+B( 1 )<>0 THEN240 
220 I=2:IF I(2)+D(2)+A(2)+B(2)< X) THEN240 

Si no ocurre esto, es innecesario el clipping para ese segmento y 
será declarado en seguida visible (en la línea 230) ya que se halla 
por completo dentro del espacio permitido. En caso contrario ha¬ 
brá que calcular un nuevo extremo (líneas 240-270) situado en la 


intersección entre el segmento y el límite conflictivo (el método 
matemático utilizado para este fin se describe más abajo). 

La figura 2 muestra el caso de varios segmentos: uno invisi¬ 
ble, otro completamente visible y un tercero que lo está sólo 
,. n parte y que tendrá por tanto que someterse al proceso de 
'•iipping. Los extremos A y B de este último (véase figura) son 
transformados por el clipping en otros dos, indicados como C y D 
que, naturalmente, se hallarán en alguno de los límites, de manera 
que una instrucción LINE trazará tan sólo la parte del segmento 
originario que resulta visible, sin provocar errores. 



7 Figura 2.—Los verdaderos extremos A y B de un segmento parcial¬ 
mente visible son sustituidos en el clipping por otros dos, C y D, si- 

i _ _ i'_ til 


Para entender a fondo el procedimiento utilizado para calcu¬ 
lar los nuevos extremos de los segmentos sometidos a un 
clipping hay que estar un poco familiarizados con la geometría 
analítica. Haciendo referencia a la Figura 3, aquellas personas que 
tengan cierta base en esta materia reconocerán con facilidad la 
ecuación del segmento AB, que es: 

Y=Y1+(X-X1)(Y2-Y1)/(X2-X1) 
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Jg&tg> Figura 3.—Un segmento de extremos A(X1,Y1) y B(X2,Y2) es some- 
Jü» tido a clipping. El extremo "B" se sustituye por “C", cuyas coordena¬ 
das “XD" e "Y" se obtienen mediante las ecuaciones descritas en el texto. 


Si se quiere hallar la intersección con el extremo derecho bas¬ 
tará introducir en la ecuación la coordenada horizontal del limite 
que nos interesa, en este caso XD, en lugar del genérico "X". El pun¬ 
to de intersección tendrá, por tanto, de coordenadas: 


X=XD 

Y=Y1 +(XD-X 1)('Y2-Y1 )/(X2-X 1) 

Teniendo en cuenta que en el programa 2.8 los extremos es¬ 
tán contenidos en un vector, esta ecuación equivale a la que apa¬ 
rece en la línea 250: 

1F D(I)<>0 THEN Y(I)=Y(1)+(XD-X(1))* 

(Y(2)-Y( 1 ))/(X(2)-X( 1 )):X(I)=XD: GOTO 190 

Las intersecciones con los otros tres bordes se calculan de la 
misma manera (líneas 240-270). 

Una vez concluido su trabajo el programa espera a que sea 
pulsada una tecla cualquiera (línea 410), de manera que se pueda 
ver fácilmente el resultado. Este mismo procedimiento se adop¬ 
tará en muchos de los próximos programas. 




Todos los polígonos que queramos 

Los programas siguientes servirán para que nos familiarice¬ 
mos con algunos de los procedimientos utilizados para obtener fi¬ 
guras geométricas. El primero de ellos (2.9) dibuja polígonos re¬ 
gulares con un número de lados variable a partir de 3. 


10 REM *tt PROGRAMA 2.9 *** 

20 REM 

30 REM POLIGONOS 
40 REM 
50 REM 

60 CX=160:CY=100:FE=i.l 
70 GOTO 240 
80 REM 

90 REM TRAZADO DE EJES 
100 REM 

110 F0R X=0 T0 CX*2-1 STEP 2 

120 PL0T X,CY,1:NEXT X 

130 FOR Y=0 TO CY*2-1 STEP 2 

140 PLOT CX,Y,1:NEXT Y 

150 RETURN 

160 REM 

170 REM ERROR 

180 REM 

190 PRINT “ESEAH0S SERIOS!" 

200 RETURN 
210 REM 

220 REM PROGRAMA PRINCIPAL 
230 REM 

240 PRINT ‘ mro * 

250 INF'UT ‘¿CUANTOS LADOS?"¡L 
260 IF L<3 THEN 803UB 190:GDT0 250 
270 INF'UT TBDISTANCIA DE LOS VERTICES 
AL CENTRO';D 

280 IF D>CY THEN GOSUB 190:GOTO 270 

290 HIRES 1,0:GOSUB !10:A=2*PI/L 

300 FOR 1=0 TQ L 

310 X=CX-CD*SIN(I*A)+.5)*FE 

320 Y=CY-D*C0S(I*A)+.5 

330 IF 1=0 THEN 350 
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340 LINE XP,YP,X,Y,1 
350 XP=X:YP=Y:NEXT I 
360 REM 

370 GET T$:IF T*=*' THEN 370 
380 NRM:PRINT 'OSE" 

390 INPUT * ¿CONTINUO? «RETURN>=SI) , ;R* 

400 IF R$ r "" THEN 240 
410 PRINT '□* 

READY 

Tras la petición del número de lados del polígono que va a 
ser dibujado, el verdadero trabajo comienza con el trazado de dos 
ejes cartesianos en el centro de la pantalla (líneas 110-150). Los 
ejes son discontinuos (un punto sí y otro no) para que no se con¬ 
fundan con la figura que será dibujada más tarde. El procedimien¬ 
to es el siguiente: un segmento imaginario que tiene un extremo 
en el centro de los ejes (es decir, en el nuevo origen), se hace 
girar en sentido antihorario de manera que el otro extremo del 
mismo localice uno por uno todos los vértices del polígono (Fig. 
4). Al unir posteriormente estos puntos se obtendnrá el dibujo de¬ 
seado. 

El cálculo de la posición del segundo extremo del segmento 
rotatorio utiliza las nociones de seno y coseno, ilustradas en la fi¬ 
gura 5a. Es importante recordar que en BASIC los ángulos son ex¬ 
presados en radianes en lugar de los corrientes grados sexagesi¬ 
males; con estas unidades el ángulo de una vuelta completa no 
vale 360 grados, sino dos veces pi (ti) (aproximadamente 6,28) ra¬ 
dianes (Fig. 5b). Este es el motivo por el cual, para calcular el án¬ 
gulo de rotación correspondiente a cada vértice, aparece en la lí¬ 
nea 290 la expresión A=2*PI/L. Vamos a refrescar un poco la me¬ 
moria acerca de los radianes: 

• 1/2 pi radianes equivalen a un ángulo de 90 grados; 

• pi radianes equivalen a 180 grados; 

• 2 pi radianes constituyen una vuelta completa, es decir 360 
grados; 

• un radián corresponde a 57.29577 grados; 

• en general, un ángulo de G grados corresponde a 
(G/180)*pi radianes; 

• por consiguiente R radianes corresponden a (R/pi)*180 
grados sexagesimales. 

Para dibujar el polígono se hace uso de un ciclo FOR...NEXT 
que se inicia en la línea 300. Aprovechando las relaciones trigo¬ 
nométricas citadas arriba, para cada iteración del ciclo (líneas 
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M Figura 4 — El dibujo de un polígono regular, en este caso un trián¬ 
gulo equilátero, se efectúa haciendo girar alrededor del origen un 
segmento de longitud dada un número de veces igual al de los vértices. 
Uniendo hiena los Puntos así hallados se obtendrá el polígono. 


310-320) se calcula la posición de un vértice, que es unido al an¬ 
terior con una línea recta (exceptuando, naturalmente, el primero 
que no tiene ninguno anterior). Nótese que los ejes cartesianos 
que hemos dibujado en la pantalla no se corresponden con los uti¬ 
lizados habitualmente para trabajar en la página gráfica, de modo 
que es necesario transformar las coordenadas que se han obteni 
do en otras referidas al mismo sistema de referencia de siempre, 
de forma que el origen se encuentra en el ángulo superior izquiei 
do de la pantalla. La transformación se produce también en las II 
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jfijM Figura 5.—a) Un segmento R gira en sentido contrario a las mane- 
fflmm cillas del reloj un ángulo "A" hasta hallarse en posición OP. Para 
cada valor de "A"la proyección de OP sobre el eje "X" es igual a R*COS(A) 
y sobre el eje "Y" R*SIN(A). Evidentemente, estas cantidades representan 
también las coordenadas cartesianas “X" e "Y" del punto "P" para un án¬ 
gulo "A", b) Valores en radianes de distintos ángulos. 

neas 310 y 320, al incluir en el cálculo las coordenadas del centro 
de la página gráfica CX y CY. 

Tal vez les sorprenda la presencia en esas líneas del factor 
0.5, que aparece tanto en el cálculo de "X" como en el de "Y”. Los 
valores que se obtienen del cálculo de “X" e “Y" son fraccionarios, 
así que es conveniente redondearlos al entero más cercano antes 
de utilizarlos para localizar un pixel en la página gráfica. Ya he¬ 
mos visto (programa 1.3) que la instrucción LINE considera tan 


sólo la parte entera de las coordenadas, de modo que podemo.. 
utilizarla para obtener el redondeo automáticamente Bastara con 
añadir antes la constante 0.5: en efecto, si el valor está compren 
dido entre 2 y 2.49999999, al añadir 0.5 se mantendrá menor que. 
3 por lo que su parte entera valdrá siempre 2 (que corresponde 
con el entero más cercano). Si, en cambio, estamos ®rtre 2 -5y 
299999999, al añadir 0.5 obtendremos siempre una cantidad ma¬ 
yor o iqual a 3 (el entero más cercano en este caso). Consideran¬ 
do sólo la parte entera se obtiene precisamente 3. Aplicaremos 
siempre esta técnica en los siguientes programas. 

Hay otra observación en relación con el factor de escala (FE) 
cuyo valor, si es distinto de uno, hace que una hnea a 45 grados 
So se corresponda con una diagonal de pixel. El fenómeno se ob¬ 
serva fácilmente dando el valor 1 al factor de.escala y dibujando 
un polígono de cuatro lados; luego se le asigna un valor Aferente 
(por ejemplo, el correcto) y se repite el dibujo del cuadrada 

B programa 2.9 permite dibujar nuevos polígonos sin tener 
que dar nuevamente al RUN. Basta con responder adecuadamen¬ 
te a la pregunta formulada en la línea 390, apretando ia tecla de 
RETURN. Nótese aue ha sido también prevista una f?" 

tra posibles errores de planteamiento (subrutma 190 y controles 

línQOC PRO V P.RO'i 


Dibujar un círculo. 

Primer método: con la raíz cuadrada 


Existen muchos métodos para dibujar un círculo en la panta¬ 
lla de un ordenador personal. El hecho de estudiar vanos de ellos 
servirá para mostrar cómo se puede resolver un mismo problema 
de diferentes maneras. El programa 2.10 logra este fin sin hacer 
uso de la trigonometría, valiéndose sólo de la operación raíz cua¬ 
drada" En efecto, para cualquier punto de una circunferencia que 
tenga como centro el origen de coordenadas (Fig. 6) vale la re- 


R 2 =X 2 +Y 2 

donde “R” es el radio del círculo, y "X” e “Y” las coordenadas del 
punto elegido Esto no es otra cosa que el conocido teorema de 
Pitáqoras su utilización está justificada porque el triángulo OPH 


10 REM **■* PROGRAMA 2.10 «* 

20 REM 

30 REM TRAZAR UN CIRCULO (1) 
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40 REM 
50 REM 

50 HIRES 1,0:CX=160:CY=100:R=30: 
P=32:FE=1.1 

70 DEF FNY(X)=SQR(R*R-X*X) 

80 REM 

30 REM TRAZADO DE LOS EJES 
100 REM 

110 FOR X=0 TO CX*2-í STEP 2:PL0T X.CY.l: 
NEXT X 

120 FOR Y=0 TO CY*2-1 STEP 2:PL0T CX,Y,1: 

NEXT Y 
130 REM 

140 REM PROGRAMA PRINCIPAL 
150 REM 
160 S=2*R/P 

170 FOR X1=R TO -R STEP -S 

180 Y=FNY (X1) +CY+. 5: X=X UFE+CX+. 5 

190 IF X1=R THEN 210 

200 LINE XP,YP,X,Y,1 

210 XP=X:YP=Y:NEXT XI 

220 FOR Xl=-R TO R STEP S 

230 Y=-FNYCXD+CY+.5:X=Xl«FE+CX+.5 

240 LINE XP,YP,X,Y f 1 

250 XP=X:YP=Y:NEXT XI 

260 REM 

270 SET tí:IF Tí=“" THEN 270 
READY 


Al inicio del programa, además de las variables "CX' : y "CY” 
es definida la función FNY(X), con el fin de determinar la coorde¬ 
nada "Y” a partir de la "X" y del valor del radio "R". La coordenada 
“X" se hace variar en el interior de dos ciclos FOR.. NEXT situados 
en las líneas 170-210 y 220-250; se hallará cada vez el valor "Y” co¬ 
rrespondiente. Los puntos localizados de esta manera son unidos 
por medio de segmentos por las instrucciones LINE; el círculo ob¬ 
tenido está así formado en realidad por una serie de segmentos 
rectilíneos, pero su número es suficiente como para que la figufa 
resulte bastante aproximada. 

Como ocurre en el programa 2.9 también aquí es necesario 
intervenir en los valores calculados para que el círculo se halle 
situado en el centro de la pantalla. Esto se hace simplemente com- 
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M Figura 6—Para dibujar un círculo podemos utilizar el teorema de Pi- 
tágoras, que proporciona una relación entre el radio y ¡as coorde¬ 
nadas de un punto cualquiera de ¡a circunferencia (indicado con P'). 


binando cada valor de 'X” e "Y” con las coordenadas del centro 
del monitor CX y CY (línea 180). 

Decíamos que este resultado era satisfactorio, pero al obser¬ 
var con atención la pantalla notaremos que el dibujo no se forma 
con segmentos iguales, la razón estriba en que los valores de "Y 1 
son calculados al desplazar la coordenada “X’’ de manera uní fot 
me, de forma que los puntos resultantes están más separados en 
las cercanías del eje "X" (Fig. 7). Este fallo resulta particularmente 
evidente si se disminuye el número de segmentos que constitu 
yen la circunferencia; para ello bastará con reducir el valor de T' 
de 32 a 10 (línea 60). El resultado se parecerá aún menos que ,m 
tes a un círculo. 
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Figura 7—El defecto de la técnica de la figura 6 resulta particular- 
mente evidente si se disminuye el número de puntos que hay que 
Ca¡C u¿ ar; así a P arece con claridad la distorsión en las proximidades del 
eje "X". 


Segundo método: seno y coseno 

En este caso se utilizan los conceptos de trigonometría ya vis¬ 
tos a propósito de los polígonos (programa 2.9). En realidad el mé¬ 
todo es prácticamente el mismo, pues para nuestros propósitps 
un círculo equivale a un polígono regular con un número de la¬ 
dos lo bastante grande como para obtener un grado de aproxi¬ 
mación adecuado (en este caso N=32). Para convencerse es sufi¬ 
ciente con coger el programa 2.9 y solicitar que sea dibujado un 
polígono de 30 o más lados: se obtendrá prácticamente un círculo. 


10 REH «* PROGRAMA 2.11 «* 

20 REM 

30 REM TRAZAR UN CIRCULO (2) 

40 REM 
50 REM 
60 HIRES 1,0 

70 CX=160:CY=100:FE=1.1:R=80:N=32: 

DA=2*PI/N 
80 REH 

90 REM DIBUJO DE LOS EJES 
100 REH 

110 F0R X=0 T0 2*CX-i STEP 2:PL0T X,CY,1 
:NEXT X 

120 F0R Y=0 T0 2*CY-1 STEP 2:PL0T CX,Y,1 
¡NEXT Y 
130 REM 

140 REH PROGRAMA PRINCIPAL 
150 REM 

160 FQR 1=0 T0 2*PI STEP DA 
170 X=R*C0S(I)*FE+CX+.5 
180 Y=R*SIN(I)+CY+.5 
190 IF 1=0 THEN 210 
200 LINE XP,YP,X,Y,1 
210 XP=X:YP=Y:NEXT I 
220 REH 

230 GET T$: IF Tí=" THEN 230 
READY 

Con esta técnica no se producirán nunca distancias irregula¬ 
res entre los distintos puntos calculados, ya que Jorque se divide 
en partes iguales durante el trazado no es el eje X , sino el círcu¬ 
lo En efecto, lo que cambia durante el cálculo es el ángulo entre 
el radio y el eje "X" (variable I), que en cada ciclo aumenta en un 
valor DA (línea 160) hasta completar la vuelta completa (2*rt ra¬ 
dianes); de ahí que sea DA=2 *ji/N (línea 70). 

Tercer método: puntos correlativos con el precedente 

Un método interesante, con el que se obtiene el misrno resul 
tado que en el anterior, hace uso de un algoritmo más "astuto 1 ' y 
veloz: cada punto es localizado a partir de las coordenadas de 
precedente, de modo que no se tienen que calcular cada vez el 
seno y el coseno. 




10 REH ^PROGRAMA 2.12 ** 

20 REH 

30 REM TRAZAR UN CIRCULO (3) 

40 REM 
50 REM 
60 HIRES 1,0 

70 CX=160:CY=100:FE=1.1:X1=80:Y1=0 
80 N=32:DA=2*PI/N:SI=SINCDA):CO=COS(DA) 

90 REH v. 

100 REH TRAZADO DE LOS EJES 
110 REH 

120 FOR X=0 TO 2*CM STEP 2:PL0T X,CY,1:NEXT X 
130 FOR Y=0 TO 2»CY-1 STEP 2:PL0T CX,Y,i:NEXT Y 
140 REH 

150 REH PROGRAHA PRINCIPAL 
160 REH 

¡70 XP=Xl*FE+CX+.5:YP=CY 

130 FOR I=DA TO 2*PI STAP DA 

190 P=X1*C0-Y1*S1:Y1=Y1*CO+X1*SI:X1=P 

200 X=X1*FE+CX+.5:Y=CY-Y1 

210 LINE XP,YP,X,Y,1 

220 XP=X:YP=Y:NEXT 

230 REH 

240 GET T$:IF Tt=" THEN 240 
READY 

Supongamos haber hallado ya las coordenadas XI, Y1 de un 
punto P1, correspondiente a un ángulo "A" sobre la circunferencia 
de radio "R". Ya sabemos que: 

XI =R*COS(A) 

Y1=R*SIN(A) 

Sea ahora un punto P2 situado también sobre ia circunferen¬ 
cia, pero sobre un radio que forma un ángulo igual al de Pl, es 
decir, “A", aumentado en un valor DA. Las coordenadas X2,Y2 del 
nuevo punto P2 estarán dadas por: 

X2 = R*COS(A+DA) 

Y2 = R*SIN(A+DA) 

Dado que hay una relación trigonométrica que establece para 
nuestro caso que: 
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R*COS( A+DA) = R*COS(A)*COS(DA)—R*SIN(A)*SIN(DA) 
R*SIN(A+DA) = R*SIN(A)*COS(DA)+R*COS(A)*SIN(DA) 


si sustituimos en estas expresiones las coordenadas de los puntos 
Pl y P2 obtendremos: 


X2 = X1 *COS(DA)—Y1 *SIN (DA) 
Y2 = Y1 *COS(DA)+X 1 *SIN(D A) 


Pero el ángulo DA es constante durante todo el programa, ya 
que representa el incremento angular utilizado para poder pasar 
de un punto cualquiera al siguiente (en efecto, se obtiene en la 
línea 80 al dividir el ángulo completo por el nú ™? ro c ( J® T P u a n *°® 
que hay que obtener). Por consiguiente también SIN (DA) y 
COS(DA) son cantidades constantes y por tanto se pueden calcu¬ 
lar de una vez para siempre al inicio del proceso (linea 80, deno¬ 
minadas SI y CO). De aquí se deriva que tras haber fijado la po¬ 
sición del primer punto (en ia línea 70), para calcular el siguiente 
pueden utilizarse las relaciones vistas anteriormente, que no re¬ 
quieren operación trigonométrica alguna, sino sólo algunas sumas, 
restas y multiplicaciones. 

Cuando hayamos obtenido el segundo punto utilizaremos la 
misma fórmula para calcular el tercero (a partir esta vez del se- 
qundo) y todos los demás hasta completar el circulo. Como en 
los otros casos, al unir los puntos entre sí con segmentos se ob¬ 
tendrá el círculo deseado. 

Para los tres métodos es válida la consideración de que cuan¬ 
to mayor sea el número de puntos calculados mas pequeños se¬ 
rán los seqmentos y, per tanto, mejor la calidad del dibujo, que se 




La elipse 

Esta figura, que se obtiene si ''estiramos" un círculo, será di¬ 
bujada por el programa 2.13. 

10 REH *** PROGRAHA 2.13 *** 

20 REH 

30 REH TRAZAR UNA ELIPSE 
40 REH 
50 REH 

60 HIRES 1,0:CX=160:CY=100 
70 FE=í:A=100:B=60:N=32: DA:2*PI/N 
80 REH 
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90 REM TRAZADO DE LOS EJES 
100 REM 

110 FOR X=0 TO CX*2-1 STEP 2.-PL0T X,CY,1 
NEXT X 

120 FOR Y=0 TO CY*2-1 STEP 2:PL0T CX,Y, 1 
NEXT Y 
130 REM 

140 REM PROGRAMA PRINCIPAL 
150 REM 

160 FOR AL=0 TO 2*PI STEP DA 
170 X1=A*C0SCAL):Y1=B*SIN(AL) 

180 X=CX+FE*X1+.5:Y=CY-Y1+.5 
190 IF AL=0 THEN 210 
200 LINE XP,YP,X,Y,1 
210 XP=X:YP=Y:NEXT AL 
220 REM 

230 6ET Tí: IF T$=" THEN 230 
READY 

El procedimiento es casi idéntico al seguido para trazar un cír¬ 
culo con el segundo método (2.11); la única diferencia estriba en 
que en el cálculo aparecen las variables “A" y “B" en lugar del ra¬ 
dio "R" (línea 170). Estos dos parámetros corresponden, respecti¬ 
vamente, al semieje mayor y al semieje menor de la elipse, como 
muestra la figura 8. 
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J|§f Figura 8.—Una elipse con centro en el origen de coordenadas. El se- 
mieje mayor AO (=OC) corresponde al parámetro A utilizado en el 
cálculo, mientras que el semieje menor BO (=OD) corresponde al pará¬ 
metro B. 


Las ecuaciones utilizadas describen una elipse que tiene su 
centro en el origen de coordenadas, de modo que será necesario 
(como en el caso de la circunferencia) transformar los valores ob¬ 
tenidos para trasladar la figura al centro de la página gráfica, don 
de está situado el origen de los nuevos ejes cartesianos dibuja¬ 
dos por el programa. 


Curvas en polares 

Consideremos ahora una circunferencia cuyo radio varía 
constantemente durante el trazado, en función del ángulo en el 
que se halla en ese instante. Según la regla utilizada precisamen¬ 
te para definir el radio, se obtendrán distintos tipos de curva, que 
tienen en común el hecho de estar centradas en el origen de los 
ejes. Esto es lo que hace el programa 2.14. Para no crear confu¬ 
sión con las figuras resultantes, esta vez no hemos trazado los ejes, 
sino sólo los bordes de la pantalla. 

Vamos a aprovechar esta ocasión para observar cómo están 
definidos los puntos de una curva de este tipo. Ya hemos comen¬ 
tado anteriormente que, en un plano cartesiano, cada punto se de¬ 
fine por sus dos coordenadas, “X” e 'Y", llamadas también coorde¬ 
nadas rectangulares. Pero también hay otra manera de identificar 
un punto “P”: esta vez los dos parámetros son la distancia "R” al 
origen y la medida del ángulo comprendido entre el segmento 
que une el origen con “P” y el eje "X” (Fig. 9). Estas coordenadas 
se llaman coordenadas polares. 

Es posible pasar de coordenadas polares a rectangulares sir¬ 
viéndose de dos sencillas relaciones que ya hemos mencionado: 

X=R*COS(A) 

Y=R*SIN(A) 

Naturalmente, el programa adopta estas relaciones para ac¬ 
tuar en la forma corriente en la página gráfica (en donde pueden 
utilizarse fácilmente sólo las coordenadas rectangulares). Recuer¬ 
de que en BASIC los ángulos son expresados siempre en radianes. 

10 REM «t PROGRAMA 2.14 *** 

20 REM 

30 REM CURVAS EN POLARES 
40 REM 
50 REM 

60 HIRES 1,0:CX=160:CY=100:FE=1.1: 

N=64:AF=2*PI:DA=AF/N 
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M .Figura 9.—Un punto "P” en un plano cartesiano puede estar definido 
por medio de dos coordenadas polares. La primera es la distancia 
“R" entre el punto y el origen; la otra es el ángulo "A" comprendido entre 
el eje "X" y el segmento OP, medido en sentido antihorario. 


70 DEF FNR(A):50-40*SIN(3*A) 

80 REM 

90 UNE 0,0,319,0,1 
100 UNE 319,0,319,199,1 
110 LINE 319,199,0,199,1 
120 LINE 0,199,0,0,1 
130 REM 

140 FOR A=0 T0 AF+.01 STEP DA 
150 R=FNR(A) 

160 X1=R*C0S(A):Y1=R*SIN(A) 

170 X=CX+FE*X1+.5:Y=CY-Y1+.5 
180 IF ¡(>319 0R ¡K0 0R Y>199 0R Y<0 
THEN F=0¡SOTO 220 
190 IF F=0 THEN F=1:G0T0 210 
200 UNE XP,YF',X,Y, 1 
210 XP=X:YP=Y 
220 NEXT A 
230 REM 

240 GET TísIF Tí=" THEN 230 

READY 
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En el programa 2.14 la función que hace variar el radio según 
i -1 ángulo está definida en la línea 70 como FNR(A). Resulta inte¬ 
nsante probar varias de estas funciones y observar los resulta- 
■ los. Puede experimentar con los siguientes, modificando también 
, -i valor de N y de AF (ángulo final) como está indicado (Pi indica 
la constante 7i): 

* FN R(A) = 2*A (definir N = 64 y AF = 8*PI) 

* FN R(A) = 80*SIN(A) (N = 64;AF = PI) 

* FN R(A) = 80*COS(2*A) (N = 64;AF = 2*PI) 

* FN R(A) = 80 (N = 64; AF = 2*PI) 

* FN R(A) = 70+10*COS(6*A) (N = 64; AF = 2*PI) 

* FN R(A) = 70+ 10*COS( 12*A) (N= 128; AF = 2*PI) 

* FN R(A) = 60+30*COS(6*A) (N= 128; AF = 2*PI) 

* FN R(A) = 60+30*RND( 1) (N = 64; AF=2*PI) 

* FN R(A) = 80*(COS( A)—0.5) (N = 64; AF = 2*PI) 

* FN R(A) = 40*(COS(2*A)—1) (N = 64;AF = 2*PI) 

* FN R(A) = 50*(COS(2*A)—0.5) (N = 64; AF = 2*PI) 

* FN R(A) = 80*COS(3*A) (N = 64;AF = PI) 

* FN R(A) = 2*EXP(A/6.28) (N = 128; AF = 8*P1) 

* FN R(A) = 70—40*SIN(2*A) (N = 64;AF = 2*PI) 

* FN R(A) = 50—40*S1N(3*A) (N = 64; AF = 2*PI) 

* FN R(A) = 50—40*SIN(A*A) (N= 128; AF = 2*PI) 

Como se ve, las hay para todos los gustos. Algunas funciones 
dan resultados que nos son muy familiares. Dos de ellas dibujan 
una circunferencia. La figura 10 muestra los resultados que apa¬ 
recen en la pantalla al experimentar con algunas de las funciones 
propuestas. , . . 

Obsérvese que el límite del bucle de cálculo que se inicia en 
la línea 140 no es AF, sino AF+0.01. Esto es necesario para evitar 
que debido a problemas de aproximación del ordenador al efec¬ 
tuar las sumas (es decir en cada NEXT A) el bucle termine un ci¬ 
clo antes de lo previsto. Cuidado: con otros ordenadores distintos 
del Commodore 64 no tiene por qué producirse tal inconveniente. 

Como última nota debemos indicar que el programa contie¬ 
ne una protección a fin de que una figura no pueda salirse de las 
imágenes de la pantalla y genere así un error (línea 180). Se trata 
de una precaución indispensable en un programa que, como éste, 
se presta a experimentar diferentes funciones. 


M .Figura 10— He aquí algunos ejemplos de cursas en polares Las que 
aparecen en la figura han sido obtenidas con el programa 2.14, tras 
introducir cuatro ecuaciones diferentes: 


a) FNR(A) = 50-40*SlN(3*A) c) FNR(A) = 70+10*COS(6*A) 

b) FNR(A) = 2*EXP(A/6.28) d) FNR(A) = 50-40*S1N(4*A) 


7S 



Figura 10b.—FNR(A) = 2*EXP(A/6.28). 
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Utilización de las matrices en los gráficos 


I - -M-i M na magnífica cualidad de los gráficos compu- 

' B / S terizados es la de poder manipular a placer una 

t imagen Las técnicas más sofisticadas capaci- 
M0É P/ B tan al °P erador P ara modelar completamente 

/ BIM ios ob;etos que aparecen en pantalla de tal for- 

rr.a que puede proyectar nuevas formas o es- 
tructuras sin tener que recurrir a un modelo 
real Y, aún más, es posible incluso generar 
B imágenes con un parecido a la realidad tal que 
son utilizadas en películas, como es el caso ya citado de TRÓN. 

Nosotros nos ceñiremos a experimentar algunas de las técni¬ 
cas de transformación de imágenes bidimensionaies, pues con un 
ordenador personal o doméstico tenemos ciertas limitaciones. 
Ciertamente no estaremos a la altura de los resultados citados an¬ 
teriormente, pero la técnica que se expone en el programa 2.15 
es suficiente para una interesante serie de realizaciones. 

10 REH PROGRAMA 2.15 »** 

20 REH 

30 REH TRANSFORMACIONES 
40 REH 
50 REH 

60 CX=160:CY=100:FE=1.1 
70 REH 

80 PRINT "□‘¡GOTO 180 
30 REH 

100 REH TRAZADO DE LOS EJES 






110 REM 

120 FOR X=0 TO CX*2-1 STEP 2:PL0T X,CY,1 
:NEXT X 

130 FOR Y=Q TO CY*2-1 STEP 2:PL0T CX,Y,1 
¡NEXT Y 
140 RETURN 
150 REM 

160 REM PROGRAMA PRINCIPAL 

170 REM ^ 

180 PRINT "0 ESTE PROGRAMA MUESTRA EL EFECTO” 

190 PRINT "DE UNA MATRIZ DE TRANSFORMACION’ 

200 PRINT "DE 2X2 ELEMENTOS." 

210 PRINT “G3LAS COORDENADAS DE LA FISURA ESTAN” 

220 PRINT "INTRODUCIDAS EN EL PROGRAMA EN FORMA" 

230 PRINT "DE LINEAS 'DATA'" 

240 PRINT "GE INTRODUCE LA MATRIZ: GJ* 

250 INPUT “A=‘¡A:INPUT , B= , ;B 
260 INPUT ”C=";C:INPUT ”D=”¡D 
270 REM 

280 H1RES 1,0:GOSUB 120 

290 RESTORE:READ NP 

300 FOR P=1 TO NP:READ XI,Y! 

310 XT=A*X1+C*YI:YT=B*X1+D*Y1 
320 X=CX+FE*XT+.5:Y=CY-YT+.5 
330 IF P=1 THEN 350 
340 LINE XP,YP,X,Y,1 
350 XP=X:YP=Y:NEXT P 
360 REM 

370 GET T$:IF T$=“" THEN 370 

380 NRM:PRINT "GE <ESPACIO>=BASTA,<RETURN>=OTRA VEZ"; 
390 GET T$ 

400 IF T$=CHR$(32) THEN PRINT “GE ":END 
410 IF T$=CHRÍ(13) THEN 180 
420 GOTO 390 
430 REM 

440 REM PUNTOS DE LA FIGURA 
450 REM 

460 DATA 5:REM No. PUNTOS 

470 DATA 0,0,40,0,40,40,0,40,0,0 

READY 


Partimos de un cuadrado que tiene el vértice inferior izquiei 
do en el origen y que es definido, como en otros programas, poi 
medio de una serie de DATAs en las líneas 460 y 470. El progra 
ma solicita al operador cuatro parámetros: A, B, C y D (lineas 
180-260), después lee uno por uno los puntos de la figura que debe 
dibujar y los somete al proceso de transformación (línea 31 Ojeara 
cada uno de los puntos las coordenadas transformadas (XT,Y 1) 
son posteriormente "ajustadas” en la manera ya conocida, con el 
fin de desplazar el origen de los ejes al centro de la pantalla (li¬ 
nea 320) y utilizadas más tarde para trazar la figura. 

Pero, ¿cuál es el mecanismo de la transformación? Para cada 
pareja (X,Y), que representa un punto, se efectúa su multiplicación 
por una matriz compuesta por los parámetros A, B, C y D, obte¬ 
niendo así un nuevo punto "transformado”. Matemáticamente todo 
ello se expresa de la siguiente manera: 


(X, Y)- 


A 

C 


B 

D 


= (AX+CY, BX+DY)=(XT, YT) 


Se observa, por tanto, que la multiplicación de las coordena¬ 
das de un punto (X,Y) por una matriz de cuatro elementos puede 
hacerse utilizando las consabidas operaciones de producto y 
suma. 

Aquellas personas que no tienen muy claro que es una ma¬ 
triz no vayan a asustarse: a grandes rasgos, y para lo que nos in¬ 
teresa, basta saber que se trata de un grupo de números dispues¬ 
tos en rectángulo y delimitados por dos paréntesis, como es el 
caso de: 


matriz de 2 x 3 de 2*2 de2 x 2 del x lde2xl 


3 4 1 


7 0 


1 

2 

7 8 2 

’ 

-2 4 

’ 

3 

4 


también 13 


51 o 


8 

3 


Nótese que también (X,Y) es una matriz, compuesta en este 
caso por una sola línea (se les denomina entonces "vectores"). Po¬ 
demos multiplicar matrices entre sí. Por el momento no vamos a 
examinar la manera general de hacerlo; baste saber que - 1 

una matriz de a x b y otra de c x d se puedan multiplicar, existí: una 
única condición: que b” y "c" sean iguales. El resultado será en¬ 
tonces una matriz de a x d. Así vimos antes que al multiplicar la do 
l x 2 por la de 2 X 2 resultaba otra de l x 2.La primera do e.-jt.i:: iim 
trices representa en nuestro caso las coordenadas del punto (X Y ), 
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•la otra se llama “matriz de transformación". Dando valores apro¬ 
piados a los cuatro parámetros de esta matriz, es decir A, B, C y 
D, podremos obtener las transformaciones deseadas. 

Existe una matriz que no produce ningún efecto, y se llama, 
por tanto, "matriz identidad". Se trata de 

1 0 

0 1 


y tiene la propiedad de dejar inalterados todos los puntos. (Para 
convencerse basta que haga la prueba con la regla vista anterior¬ 
mente.) 

Podremos obtener algo un poco más interesante con una ma¬ 
triz del tipo: 

A 0 

0 D 

cuya función es la de efectuar una ivansformaciór. de escala en la 
figura. La coordenada “X” de cada punto será multiplicada por el 
factor "A” y la "Y" será multiplicada por “D". Si "A" y "D” son igua¬ 
les, la figura variará sus dimensiones manteniendo las mismas pro¬ 
porciones, de otro modo quedará deformada. En ese caso un cua¬ 
drado, por ejemplo, se transformará en rectángulo. 

Otra posibilidad es ofrecida por la reflexión de la imagen con 
relación al eje “X" o al eje ''Y" (Fig. 1). Estas transformaciones se 
obtienen utilizando, respectivamente, las dos matrices 


-1 

0 


i 

0 

0 

1 

y 

0 

-i 


Una vez más el motivo del por qué ocurre esto debería estar 
bastante claro si se tienen en cuenta los razonamientos anteriores. 
Basta que realice un ejemplo concreto para que se dé cuenta. 
Una matriz asimétrica, por ejemplo 

1 1.2 

0 1 

producirá un "estiramiento" de la imagen, en este caso en direc¬ 
ción del eje Y. Efectivamente, si por ejemplo tenemos el punto 


FIGURA DE 
PARTIDA 

Y t_ P 


x 


REFLEXION 
SOBRE EL EJE 



M .Figura l.—ñl aplicar a cada punto de la figura una matriz de trans¬ 
formación adecuada pueden obtenerse resultados como ios de la fi¬ 
gura. En este caso se trata de una reflexión sobre el eje "X" y una rotación 
alrededor del origen. 


(3,3) al aplicarle la matriz de transformación anterior pasará a ser 
el (3, 6’6) 

Otro efecto parecido, pero esta vez en el sentido del eje “X", 
puede obtenerse al intercambiar de lugar los elementos B y C. 


Rotación alrededor del origen 

Volvemos a tratar una vez más de trigonometría; la matriz: 
COS(T) SIN (T) 

-SIN (T) COS(T) 

tiene la propiedad de rotar toda la figura un ángulo T en sentido 

contrario a las agujas del reloj (recuérdese que aquí los ángulos 
se miden en radianes). La rotación resultante se hallará centrada 
en el origen (Fig. 1); en otras palabras, el punto (0,0) no se des¬ 
plaza nunca de su posición. Para probar el efecto sobre el cuadra¬ 
do del programa 2.15 basta con asignar a la matriz de transforma¬ 
ción los cuatro valores siguientes, que corresponden a una rota¬ 
ción de 30 grados (es decir casi 0.523 radianes): 

A=COS(T)=0.866 
B=SIN(T)=0.5 
C = -SIN(T)=-0.5 
D=COS(T) = 0.866 
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Con esta técnica, al calcular adecuadamente la matriz, podre¬ 
mos hacer rotar todas las figuras un ángulo cualquiera. Teniendo 
en cuenta que es posible modificar las líneas DATA (460-470) para 
codificar una figura diferente, por compleja que sea, empezará a 
hacerse una idea de lo potentes que pueden ser (y sobre todo 
con un uso muy general) los instrumentos puestos a disposición 
de los gráficos computerizados para elaborar imágenes. 


Transformaciones sucesivas 


Supongamos que queremos aplicar a la figura dos transfor¬ 
maciones, una tras otra; por ejemplo, una reflexión y luego una ro¬ 
tación. Para hacerlo tendríamos que utilizar, en primer lugar, una 
matriz de reflexión (que llamaremos MI) y, posteriormente, otra 
de rotación (M2). 

Aparte el hecho de que el programa 2.15 no ha sido previsto 
para utilizar varias matrices en secuencia, existe otro método me¬ 
jor. En lugar de aplicar a la figura primero MI y luego M2 para ob¬ 
tener la transformación deseada, puede obtenerse el mismo re¬ 
sultado utilizando sólo una matriz M3 igual al producto de MI por 
M2. Podremos así combinar anticipadamente cualquier transfor¬ 
mación y obtener una sola matriz que, una vez aplicada a la figu¬ 
ra, dará el mismo resultado que una secuencia de transformacio¬ 
nes individuales. 

La regla para multiplicar entre sí dos matrices de 2x2 elemen¬ 
tos, extensión de la vista anteriormente, es: 


A B 


E F 


AE+BG AF+BH 

C D 


G H 


CE+DG CF+DH 


Pero ¡cuidado!: no es lo mismo multiplicar MI por M2 que M2 por 
MI. Por regla general existe la tendencia a considerar siempre 
cierta la propiedad conmutativa del producto, pero ésta no es vá¬ 
lida en el caso del producto de matrices. 

Es fácil convencerse al observar que, geométricamente, al re¬ 
flejar una figura sobre el eje “X" y rotarla luego un cierto ángulo 
se produce un efecto distinto del obtenido efectuando primero la 
rotación (del mismo ángulo) y luego la reflexión. Así, es natural 
que al hacer lo mismo matemáticamente el resultado sea igual. 

Un ejercicio útil consiste en calcular una matriz de transfor¬ 
mación equivalente a dos (o más) transformaciones sencillas en 
secuencia, y aplicarla luego a la figura del programa 2.15. Com¬ 
párese entonces la imagen obtenida con la que habíamos espe- 
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rado ver si hubiese sido posible aplicar las transformaciones uiui 
después de la otra: si los cálculos son correctos el resultado de¬ 
bería ser idéntico. 


Un paso adelante: las coordenadas homogéneas 

Todas las transformaciones precedentes poseen un aspecto 
en común: no afectan para nada al punto situado en el origen. Nin¬ 
guna matriz de entre las examinadas es capaz de efectuar una tras¬ 
lación de toda la figura; en efecto, hemos visto que la multiplica¬ 
ción de un punto por una matriz de 2x2 elementos equivale al pro¬ 
ducto de las coordenadas del punto por algunas constantes (A, B, 
C y D), seguido de la suma de los cuatro resultados tomados dos 
a dos, pero en ningún caso se le suma una constante a las coor¬ 
denadas. , _ , , . , 

Un instrumento de manipulación gráfica mas potente nace al 

adoptar el uso de las llamadas coordenadas homogéneas. En ellas 
■rada punto del olano puede ser localizado con tres números en 

lugar de con los dos de las coordenadas cartesianas o polares que 
ya conocemos. Diremos, por tanto, que: 

• para definir un punto se utiliza una tema de valores (P.O.K) 

• esta tema es elegida de tal modo que las relaciones P/R y 
Q/R correspondan a las coordenadas cartesianas 'X" e "Y", 

• de aquí se deriva que, por cada punto específico (X,Y), exis¬ 
ten infinitas formas de representarlo con las coordenadas 
. - r n ,..rri-' r.:,. Hy, efectivamente, infinitas combinaciones de 
P y R tales que X=P/R e Y=Q/R. Tomemos como ejemplo 
el punto (3,5); en coordenadas homogéneas corresponde 
tanto a (6,10,2) como a (9,15,3), (3,5,1) o cualquier otra terna 
que cumpla la relación X=P/R a Y=Q/R; 

• entre las infinitas ternas permitidas utilizaremos para nues¬ 
tros fines sóio la forma (P.O.l) que recibe el nombre de 
coordenada homogénea normalizada. Considerando las re¬ 
laciones anteriores esto equivale a escribir (X,Y,1). donde 
"X” e “Y” son las coordenadas cartesianas habituales del 
punto (X,Y). 

En definitiva, respecto de la situación anterior ha habido po 
eos cambios. Entonces, ¿para qué todo este lío? Lo importante es 
que ahora cada punto está definido por tres números, así que po 
demos transformarlo utilizando matrices de 3x3 elementos. Resul 
ta imposible multiplicar una matriz del tipo (X,Y) por otra de 3x3, 
mientras que es posible hacerlo si el punto está definido por Iros 
valores (X,Y,1), como es el caso de las coordenadas homogénea. 1 ; 
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Sin entrar en detalles de carácter teórico, la multiplicación de 
(X,Y) por la matriz 

A B 

C D 

equivale a la de (X,Y,1) por la matriz 

ABO ^ 

C D 0 

0 0 1 

Esto permite añadir a las transformaciones vistas anteriormen¬ 
te la única que faltaba, es decir, la traslación. La matriz de 3 X 3 que 

hay que utilizar para este fin podemos imaginar que ha sido ob¬ 
tenida de la de identidad de 2 x 2 elementos, modificada de tal ma¬ 
nera que se ha transformado en 

1 0 0 

0 1 0 

H K 1 


El efecto de la transformación de un punto (X,Y,1) mediante 
esta matriz consiste, precisamente, en la :rasiación del punte en 
cuestión, que se convierte en (X+H, Y+K, 1). En efecto, recorde¬ 
mos que la regla de multiplicación por una matriz de 3 X 3 elemen¬ 
tos da como resultado 


(X, Y, 1) 


ABO 
C D 0 
H K 1 


= (AX+CY+H, BX+DY+K, 1) 


En el caso de que A, B, C y D sean la matriz de identidad ob¬ 
tendremos precisamente el resultado (X+H, Y+K, 1), como com¬ 
probará si hace la prueba. 

El elemento "H" genera, por tanto, una traslación sobre el eje 
"X”, mientras que "K" actúa sobre el eje "Y”. Es evidente que al com¬ 
binar estos valores podremos efectuar cualquier traslación. 

Con las coordenadas homogéneas también es posible reali¬ 



zar todas las transformaciones vistas anteriormente: bastará con 
sustituir los cuatro parámetros A, B, C y D, contenidos en la matriz 
de 3 x 3, por los de la matriz de 2 X 2 necesaria para efectuar esa 
transformación en concreto. Vamos a poner un ejemplo: una rota 
ción hacia la izquierda de un ángulo T alrededor del origen se ob 
tendrá con la matriz 

COS(T) SIN(T) 0 

-SIN(T) COS(T) 0 

0 0 1 

Experimentando con coordenadas homogéneas 

Para experimentar las posibles transformaciones con coorde¬ 
nadas homogéneas se puede utilizar el programa 2.16. 

10 REH m PR06RAHA 2.16 *♦* 

20 REH 

30 REH COORDENADAS HQHOGENEAS 
40 REH 
50 REH 

60 XI=0:XD=31S:YA=0:YB=199 
70 CX=160:CY=lOOsFE=l.1 
80 REH 

SO PRINT '□ ’:SOTO 3S0 
100 REH 

110 REH TRAZADO DE LOS EJES 
120 REH 

130 F0R X=0 TQ XD STEP 2:PLQT X,CY,l:NEXT X 
140 F0R Y=0 T0 YB STEP 2:PL0T CX,Y,1:NEXT Y 
150 REH 

160 REH CLASIFICACION PUNTOS 
170 REH 

180 I(P)=XCPKXI 
ISO D(P)=X(P)>XD 
200 AÍP)=Y(PKYA 
210 B(P)=Y(P))YB 
220 RETURN 
230 REH 

240 REH CALCULA LOS EXTREH0S 
250 REH 
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260 GOSUB 180 

270 V=0:IF I(1)*1(2)+D(1)*D(2)+A(1)»A(2)+ 
B(1)*B(2X>0 THEN 350 
280 P=l:IF 1(1)+D(1)+A(1)+B(1X>0 THEN 310 
290 P=2:IF 1(2)+D(2)+A(2)+B(2)<>0 THEN 310 
300 V=1:GOTO 350 

310 IF I(PX>0 THEN Y(P)=Y(1) + (XI-X(1))*(Y(2)- 
YE1))/(X(2)-XC1)):-X(P)=XI:GOTO 260 
320 IF DíP)<)0 THEN Y(P)=Y(1)+(XD-X(1),)»(Y<2)- 
Y(1))/ÍX(2)-X(1)):X(P)=XD:GOTO 260 
330 IF A(PX>0 THEN X(P)=X(l) + (YA-Y(l»t(X(2>- 
X C1))/(Y(2)-Y(1)):Y<P)=YA:SOTO 260 
340 IF B(P)<>0 THEN X(P)=X(1)+(YB-Y(1))*(X(2)- 
X(1))/CY(2)-Y(1)):YíP)=XB:SOTO 260 
350 RETURN 
360 REM 

370 REtt PROGRAMA PRINCIPAL 
380 REM 

390 PRINT "BESTE PROGRAMA MUESTRA EL EFECTO" 


400 

410 

420 

430 

440 

450 

460 

470 

480 

490 

500 

510 

520 

530 

540 

550 

560 

570 

580 

590 

600 

610 

620 


PRINT "DE UNA MATRIZ DE TRANSFORMACION" 

PRINT "DE 3X3 ELEMENTOS" 

PRINT “ELAS COORDENADAS DE LA FIGUR., ESTAN" 
PRINT “INTRODUCIDAS EN EL PROGRAMA EN FORMA" 
PRINT "DE LINEAS 'DATA'." 


PRINT ”0E INTRODUCE LA MATRIZ: E" 
INPUT "A-"¡A:INPUT "B=";B 
INPUT "C=";C:INPUT "D=";D 
INPUT "H=";H:INPUT “K=";K 
REM 

HIRES 1,0:GOSUB 130 
ftETORE:READ NS 

FOR SE=1 TONS:FOR P=1 TO 2:READ XI,Y1 
XT=A*X1+C*Y1+H:YT=B*X1+D*Y1+K 


X CP)=FE*XT+CX+.5:Y(P)=CY-YT+.5 
GOSUB 180:NEXT PiGOSUB 270 
IF VTHEN LINE XC1),Y(1),X(2),YC2),1 
NEXT SE 
REM 


GET TÍ:IF T$="" THEN 590 
NRM 

PRINT "GE3 <ESPACIO>=BASTA,<RETURN>=OTRA VEZ"; 
GET T$ 


630 IF T*=CHR$(32) THEN PRINT ’BE":END 
640 IF T$=CHR$(13) THEN 390 
650 GOTO 620 
660 REM 

670 REM DESCRIPCION DE LA FIGURA 
680 REM 

690 DATA 21:REM No. SEGMENTOS 
700 DATA 0,0,40,0,40,0,40,38,40,38,20,59 
710 DATA 20,59,0,38,0,38,0,0,14,0,14,14 
720 DATA 14,14,26,14,26,14,26,0,6,22,18,22 
730 DATA 18,22,18,34,18,34,6,34,6,34,6,22 
740 DATA 12,22,12,34,22,22,34,22,34,22,34,34 
750 DATA 34,34,22,34,22,34,22,22,28,22,28,34 
760 DATA 26,52,26,56,26,56,30,56,30,56,30,48 


READY 

Como verá no es otra cosa sino una versión más extensa y me¬ 
jorada del anterior (2.15). Extensa porque requiere que sean introdu¬ 
cidos también los valores H y K; mejorada porque incluye una su¬ 
brutina de clipping (lineas 160-220 y 240-350) para impedir un blo¬ 
queo del programa en caso de que la imagen "se salga de la pan¬ 
talla. Además, la figura descrita en las lineas DATA que Pueden ser 
modificada como se quiera, es más compleja que el cuadrado utili¬ 
zado anteriormente; se trata en este caso de una casita con una puer¬ 
ta, ventanas y chimenea (Fig. 2). Como ejemplo de utilización del pro¬ 
grama, la figura 3 muestra la traslación de la imagen, hecha posible 
nracias a la adopción de coordenadas homogéneas. 


Transformaciones más complejas 

Nuestro propósito es el de obtener con una sola operación el 
equivalente de una serie de transformaciones efectuadas una tras 
otra. Como en el caso anterior, para hacer esto tendremos que mul¬ 
tiplicar entre sí las matrices correspondientes a las transiormacio- 
nes independientes, teniendo cuidado de efectuar los productos 
en el orden adecuado (recuerde que aquí no es válida la propie- 

La regla para multiplicar dos matrices de 3*3 elementos es la 
siouiente: 


ABC 


J K L 


AJ+BM+CP AK+BN+CQ AL+BO+CR 

D E F 


MNO 

= 

DJ+EM+FP DK+EN+FQ DL+EO+FR 

G H I 


POR 


GJ+HM+IP GK+HN+IQ GL+HO'IR 
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i Figura 2.—La casita definida en los DATA del programa 2.16. Al uti¬ 
lizar una matriz adecuada la imagen puede ser transformada en una 
gran variedad de maneras. 




Resulta un poco enrevesada a la hora de aplicarla, pero proce¬ 
diendo con calma podrá evitar cometer errores. 

Pongamos, por ejemplo, que queremos rotar la casita del pro¬ 
grama 2.16 hacia la izquierda 30 grados y que, aprovechando las 
posibilidades que las coordenadas homogéneas nos ofrecen, que¬ 
remos que tal rotación no se produzca alrededor del origen, sino 
que se halle centrada en un punto arbitrario que escogemos en 
este caso, como el de coordenadas (-10,20). Esto equivale a efec¬ 
tuar la secuencia de transformaciones siguientes: 

— hacer una traslación tal que el punto (-10,20) que será el 
centro de rotación, se convierta en el origen de los ejes 
cartesianos. Obtenemos esto por medio de una traslación 
del eje "X" de 10 puntos y otra del eje "Y” de -20 puntos; 

— efectuar una rotación, centrada en el nuevo origen, de 30 
grados en sentido opuesto al de las manecillas de un reloj; 

— volver a llevar a su sitio el centro de rotación, con una tras¬ 
lación de -10 sobre el eje "X" y de 20 sobre el eje "Y". 
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Fiaura 3—A diferencia de lo que ocurre con las coordenadas car- 
_ tesianas o polares, con las homogéneas es posible efectuar una tras¬ 
lación de la imagen, como aparece en esta Figura. 


La matriz que realiza las transformaciones primera y tercera 
es la de traslación, mientras que para la segunda es necesaria una 
matriz de rotación. Por tanto se tratará de multiplicar entre sí estas 
matrices: 

COS(T) SIN(T) 0 
-SIN(T) COS(T) 0 
0 0 1 

Sustituyendo los valores del ejemplo: 

0.866 0.5 0 

-0.5 0.866 0 


1 

0 

0 


0 

1 

0 


H 

K 

1 



1 

0 

0 


0 

1 

0 


10 

-20 1 




1 

0 

0 


0 

1 

0 

o: 

H 

K 

1 

1 

0 

0 


0 

1 

0 


-10 20 

1 



0 


0 


1 
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Tras haber efectuado las multiplicaciones con calma (la pri¬ 
mera matriz por la segunda y luego el resultado por la tercera) 
se obtiene una única matriz de 3x3: 


0.866 

0.5 

0 

-0.5 

0.866 

0 

8.6 

7.68 

1 


que, aplicada a la figura, dará origen a la transformación deseada 
(Fig. 4). El programa 2.16 permite comprobar el efecto de esta ma¬ 
triz sobre la imagen de la casita. 



Figura 4.—.Al calcular adecuadamente la matriz de transformación la 
casita podrá sufrir una rotación alrededor de un punto cualquiera, 
que no tiene por qué coincidir con el centro de los ejes. En este caso la 
rotación es de 30 grados en sentido antihorario, alrededor del punto de 
coordenadas (-10,20). 

Es interesante observar que al multiplicar entre sí matrices 
del tipo de las utilizadas para trabajar con coordenadas homogé¬ 
neas se obtienen como resultado matrices del mismo tipo. En otras 
palabras, el resultado será siempre de la forma: 
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ABO 
C D 0 
H K 1 

en la que la columna de la derecha contiene los valores constan¬ 
tes 0,0,1. 


Representar una función 

Vamos a dejar por un momento de lado las transformaciones 
geométricas para dedicamos a la representación gráfica de fun¬ 
ciones. Entendemos aquí por función el caso más sencillo: una re¬ 
lación matemática que liga una variable, llamada dependiente, al 
valor asumido por otra, llamada por esto variable independiente. 
Indicaremos la primera con la letra “Y" y la segunda con "X". Cuan¬ 
do "X” varía lo hará también "Y”, dependiendo precisamente de la 
función elegida. 

Un ejemplo bastante familiar es el de la función seno de un 
ángulo, en dependencia del valor de éste, mostrado en la figu¬ 
ra 5. La figura se obtiene al representar sobre el eje “X" el valor 
del ángulo, y sobre el eje "Y’’ el valor del seno (es decir, de la fun¬ 
ción); se dice entonces que el seno está en función del ángulo. 



M Figura 5—Ejemplo de función: en este caso se trata de una sinusoi 
de de ecuación Y=SIN(X). 
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10 REM i** PROGRAMA 2.17 **» 

20 REM 

30 REM REPRESENTAR UNA FUNCION 
40 REM 
50 REM 

60 CY=100:MX=319 
70 REM 

80 REM FUNCION QUE HAY QUE CALCULAR 
30 REM 

100 DEF FNA(X)=1/EXP(X*X) 

110 GOTO 230 
120 REM 

130 REM TRAZADO EJE X 
140 REM 

150 FOR X=0 TO MX STEP 2:PL0T X,CY,1:NEXT X 

160 FOR X=0 TO MX STEP 10 

170 FOR Y=CY-4 TO CY+4 STEP 2 

180 PLQT X,Y,1:NEXT Y,X 

190 RETURN 

200 REM 

210 REM PROGRAMA PRINCIPAL 

220 REM 

230 PRINT “□ ESTE PROGRAMA TRAZA EL GRAFICO' 

240 PRINT "DE UNA FUNCION Y=F(X>." 

250 PRINT "ELA FUNCION DEBE ESTAR DEFINIDA EN LA“ 
260 PRINT 'LINEA 100;ACTUALMENTE ES:' 

270 PRINT ■(iMtWfltlB TECLEA EL COMANDO 'GOTO 330’ 
SI ES CORRECTA,' 

280 PRINT ,: EN CASO CONTRARIO SUSTITUYELA Y LUEGO 
TECLEA" 

230 PRINT "DE NUEVO ’RUN'IIII1IXXX3 ' 

300 REM 

310 LIST 100:REM IMPRIME LA FUNCION ACTUAL 
320 REM 

330 input 'miada valor mínimo de x h ¡xi 

340 INPUT ' VALOR MAXIMO DE X“;X2 

350 INPUT "ID ¿CUANTOS PUNTOS HAY QUE CALCULAR?';NP 

360 REM 

370 print "gggggaa calculo de la función' 

380 PRINT “0 PARA' 

390 PRINT "a BUSQUEDA DE MINIMO Y MAXIMO' 


400 REM 

410 H=0sS=nX/NP:DX=(X2-Xl)/HX 

420 FOR X=0 TO HX*.5 STEP S:Y=FNA(X1+X*DX) 

430 IF ABS(Y)>M THEN M=ABSCY) 

440 NEXT X 
450 N0=(CY-2)/M 
460 REM 

470 REM TRAZADO FUNCION 
480 REM 

490 HIRES 1,0:SQSUB 150 
500 FOR X=0 TO MX+.5 STEP S 
510 Y=CY-FNA(X1+X*DX)*N0+.5 
520 IF X=0 THEN 540 
530 LINE XP,YP,X f Y,1 
540 XP=X:YP=Y:NEXT X 
550 REM 

560 GET T$:IF T*='Q" THEN 560 
■570 PRINT ' " 

READY 


El proqrama 2.17, con el que finaliza la sección dedicada a grá¬ 
ficos en dos dimensiones, tiene como fin la representacion grafica 
de una función cualquiera elegida por el usuario. No son necesa 
rías explicaciones especiales, pues las técnicas empleadas h 
sido utilizadas en su mayoría en otros programas antenores. Tan 
sólo hay ciertos puntos que merecen ser señalados: 

— la función que hay que trazar está definida en la línea 100 
en forma de FNA(X), y por tanto es fácilmente modifica- 
ble. La que aparece en el listado corresponde a una curva 

llamada gaussiana o “de campana"; . 

— para mayor claridad ha sido dibujado solo el eje X, como 

una línea discontinua de referencia; , . 

- el proqrama solicita los valores mínimos y máximo entre 
ios que podrá variar “X" para dibujar la función^ Por tanto 
será posible elegir cada vez el intervalo que se desee: para 
ia curva del ejemplo puede hacerse la prueba con 

comprendido entre -4 y 4; t 

- hay que definir también el número de puntos en los qu< 
será subdividido el intervalo donde se mueve la variable 
"X" naturalmente, cuantos más puntos hayan sido utiliza 
dos en el cálculo más preciso será el dibujo obtenido. I ai a 
la curva introducida en el listado pueden ser suficiente-, 

r*/”* _ 
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— el programa efectúa un primer cálculo de la función en 
todo el intervalo indicado, pero sin dibujar nada (líneas 
420-440). El objetivo es el de hallar el valor máximo (tanto 
positivo como negativo) alcanzado por la función (línea 
430); 

— referido al valor máximo se obtiene un "factor de norma¬ 
lización" NO (línea 450). La función es calculada de nuevo 
(líneas 500-540) y el factor NO interviene en el cálculo para 
asegurar que aquélla no se sale en ningún punto del es¬ 
pacio útil de la página gráfica; 

— en las líneas 420 y 500 el límite del bucle de cálculo no es 
MX, sino MX+0.5. 

Esta corrección es útil porque de otro modo, debido al pe¬ 
queño error de aproximación que se produce inevitablemente en 
cada suma (es decir en el NEXT X), la variable "X" alcanzaría el 
valor final con una anticipación de un ciclo respecto al número 
de iteraciones previstas (como ocurría en el programa 2.14). 

Obsérvese, por último, que el programa 2.17, al no utilizar nin¬ 
guna graduación de los ejes, sirve tan sólo para dar una idea cua¬ 
litativa de la función que se está estudiando. Además, no se esta¬ 
blece ninguna protección contra un error típico que puede ocu¬ 
rrir durante el cálculo: el que en un punto el valor de la función 
tienda al infinito, como puede ocurrir si, al calcular el valor de la 
coordenada “X" de ese punto, el programa trata de efectuar una 
división por cero. 

He aquí una breve lista de funciones que pueden ser expe¬ 
rimentadas: 

— FNA(X) = SIN(X), con X comprendido entre 0 y 6.28 (¡en ra¬ 
dianes!); 

— FNA(X) = SIN(X)/X, con X comprendido entre 0 y 25.13 (es 
decir 8P1); 

— FNA(X) = X*X (o, lo que es lo mismo, X?2), con X compren¬ 
dido entre -10 y 10. 

Cada una de estas funciones puede ser trazada de una forma 
aceptable con 50 puntos. 
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GRÁFICOS EN TRES DIMENSIONES 



| e todas las técnicas tratadas en este libro, las re- 
I lativas a gráficos tridimensionales representan, 
sin duda alguna, el aspecto más intresante. Se 
trata de superar las limitaciones impuestas poi 
la pantalla, de dos dimensiones, y representar 
en perspectiva imágenes de sólidos o funciones 
en tres dimensiones. Para obtener este resulta¬ 
do no se necesita nada particular: basta proce- 
_ der con orden y seguir atentamente la teoría ex- 

P JS Las^écnicas^que'utilizaremos requieren el conocimiento de al¬ 
gunos conceptos geométricos y matemáticos que no podremos 
demostrar muy ampliamente en este libro. De t°das f orrnas _las ex 
olicaciones que van incluidas son suficientes para entender los 
programas, e incluso modificarlos, a fin de hacer expenmentos, 


Coordenadas de un punto en el espacio 


Para localizar un punto sobre un plano hemos utilizado dos 
métodos diferentes: las coordenadas cartesianas y lasA 
pasar ahora al espacio será necesario añadir un tercer valor a U, 
coordenadas cartesianas, ya que nos hallarnos con ^ n ^™ e p n :-''' ‘ 1 


meros: X,Y,Z. 

Lo mismo vale en 
toman en este caso el 


relación con las coordenadas polares, qii" 
nombre de coordenadas esféricas. 1 .a liqw .i 


07 

















M Figura 1.—E1 espacio ya no está referido a dos, sino a tres ejes car¬ 
tesianos. Para localizar la posición de un punto P se necesitarán, por 
tanto, tres coordenadas: X, Y,Z. 


2 muestra que también con estas coordenadas es necesario utili¬ 
zar tres números (dos ángulos y una distancia) para identificar un 
punto. 


Representación en perspectiva 


Nuestro propósito es obtener en la pantalla una imagen de 
un sólido tridimensional visto en perspectiva. Como es lógico ese 
resultado se puede obtener utilizando una serie de técnicas dife- 


de P al origen. 


ssat» ssr~ 

1. se establece en primer lugar Ji P°sr^dei ^rvarie, 

SS StSS s 
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3. 


4. 


2. Se transforman las coordenadas X.Y.Z de cada punto de for- j 
ma que están referidas, no ya a los ejes cartesianos, que lla¬ 
mamos habitualmente x,y,z, sino a una nueva terna de ejes 
cuyo origen coincide con la posición del observador indi¬ 
caremos estos nuevos ejes como x'.y'.z'. La figura 3 puede 
servir de ayuda para entender esta situación. 

Por medio de operaciones de rotación se orientan ¡os ejes 
x.yjz' de forma que z' se halle dirigido hacia el origen del 
sistema cartesiano de partida y que el eje x' esté en posi¬ 
ción horizontal y dirigido hacia ^derecha (mirando hacia 
el origen), mientras que y’ debe estar vertical y hacia arri- 
bal (para lograr esta combinación debemos cambiar de sig¬ 
no el eje x" resultante de las rotaciones). Asignaremos a la 
nueva terna de ejes el nombre de xo, yo, zo (Fig. 4). 

Por último se proyecta cada punto del objeto que hay oue 
representar sobre un piano paralelo a (xo, yo)‘. Al señalar 
en la página gráfica la posición de los puntos proyectados 
y unirlos luego entre sí en el orden correcto (como ya ocu¬ 
rría por las técnicas anteriores) se obtiene finalmente la re¬ 
presentación en perspectiva del objeto en cuestión (Fiou- 
ra 5). a 


SISTEMA DE 
REFERENCIA 
ORIGINAL 



ORIGEN 
DE LOS EJES 
ORIGINALES 


ME Fi 9 ura 3.—La posición del observador, “P", se define en el habitual 
sistema de ejes mediante sus coordenadas esféricas 0,d),p. En este 
punto se sitúa el origen de un nuevo sistema de referencia cuyos eies 
x',y',z’ son paralelos a los originarios x,y,z. 



Vamos a examinar ahora uno por uno los cuatro pasos de la 
técnica de representación tridimensional utilizando un programa. 


10 REH *** PRQ8RAMA 3.1 *** 

20 REH 

30 REH OBJETO TRIDIHENSIQNAL 
40 REH 
50 REH 

60 CX=160:CY=100:FE=1.1 
70 RH=5:TH=.5:PH=1:D=400 
30 St=SIN(TH):C1=C0S(TH) 

30 S2=SIN(PH):C2=C0S(PH) 

100 HIRES 1,0:SOTO 250 
110 REH 

120 REH CALCULO COORDENADAS VISUALIZACIQN 
130 REH 

140 X0=-X*S1+Y*C1 


100 
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M Figura 5.—Para obtener la imagen en perspectiva se proyecta cada 
punto de la figura originaria, en este caso un cuadrado con sus dia¬ 
gonales, sobre un plano paralelo al formado por los ejes “xo" e "yo". Para 
que resulte más sencillo, en el ejemplo ha sido proyectada una Figura bi- 
dimensional (el cuadrado), pero el mismo concepto valdrá también para 
sólidos. 


150 Y0=-X*C1*C2-Y*S1*C2+Z*S2 
¡60 Z0=-X*S2*C1-Y*S2*S1-Z*C2+RH 
170 XV=.5+CX+D*XQ/Z0*FE 
180 YV=.5+CY-D*YO/ZO 
190 RETURN 
200 REM 

210 REM PROGRAMA PRINCIPAL 

220 REM 

230 REM EJES X,Y,Z 
240 REM 

250 FOR 1=1 T0 3 

260 READ X,Y,Z:GQSU8 140:XP=XV:YP=YV 

270 READ X,Y,Z:80SUB 140:LINE XP,YP,XV,YV,1 

230 NEXT I 

290 REM 

300 REM CUBO 
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310 REM 

320 FOR 1=1 T0 2:FOR J=1 TQ 5 
330 READ X,Y,Z:G0SUB 140 
340 IF J=1 THEN 360 
350 LINEA XP f YP f XV,YV,1 
360 XP=XV:YP=YV:NEXT J,I 
370 FOR 1=1 Tü 4 

330 READ X,Y,Z:GQSUB 140:XP=XV:YP=YV 
390 READ X,Y,Z:80SUB 140:LINE XP,YP,XV.YV,1 
400 NEXT I 
410 REM 

420 GET Tí: IF T$=" THEN 420 
430 END 
440 REM 

450 REM DEFINICION DE LA FIGURA 
460 REM 

470 DATA 1,0,0,1.5,0,0 

480 DATA 0,1,0,0,1.5,0 

490 DATA 0,0,1,0,0,1.2 

500 DATA 1,0,0,1,0,1,1,1,1,1,1,0,1,0,0 

510 DATA 0,0,0,0, 0 , 1 , 0,1,1,0,1,0,0,0,0 

520 DATA 1,0,0,0,0,0,1,0,1,0,0,1 

530 DATA 1,1,0,0,1,0,1,1,1,0,1,1 

READY 


Primer paso: fijar la posición del observador 

El punto desde donde miramos un objeto tridimensional del 
que queremos obtener una imagen en perspectiva puede definir¬ 
se como se quiera. Basta con asignar a tres variables las tres coor 
denadas esféricas de la posición del observador. En el programa 
3 l son utüSdos RH, TH y PH (línea 70), que representan respem 
tivamente. la distancia al ongen p , el ángulo horizontal tí y .1 

V ^Emotivo por el cual se utilizan coordenadas esféricas, en lu 
aar de las habituales rectangulares, es el de hacer más sencillo 
So el desplazamiento arbitrario del punto “P" como los cálculos 

que Refiriéndonos de nuevo a la figura 3, donde la posición del od 
servador es indicada como P”, notamos que un ángulo tí q . . 
cero sianiñca que aquél ve el objeto a lo largo de la dirección 
efe tT en SbS! el ángulo ¡t> vale oero, el punto de vista s<. 


103 


halla por encima del objeto, en la dirección del eje "Z". En la línea 
70 se asigna también un valor a la variable “D", de la que habla¬ 
remos más adelante. 

Segundo paso: transformación de ¡as coordenadas 
en el nuevo sistema de referencia 

Sea un punto genérico situado en el espacio, que indicare¬ 
mos como "A". Utilizando un sistema de referencia cartesiano, cu¬ 
yos ejes sean x,y,z la posición del punto está definida por la terna 
de coordenadas X,Y,Z, así que llamaremos este punto A(X,Y,Z). 

Imaginemos ahora que hacemos una operación un tanto ex¬ 
traña: dejamos inalterada la posición del punto "Y" en el espacio, 
pero desplazamos los ejes cartesianos. Este desplazamiento es tal 
que no se produce rotación alguna, y los nuevos ejes se mantie¬ 
nen paralelos a los anteriores. Obtendremos así otro sistema de re¬ 
ferencia cuyos ejes recibirán el nombre de x',y’,z’ (Fig. 6). 

Pero volvamos a nuestro punto "A", cuya posición en el siste¬ 
ma de referencia originario está dada por los tres valores X,Y Z. 
La posición de este mismo punto "A" se podrá referir también a 
la nueva terna de ejes x',y’,z’ sin que, obviamente, se produzca va¬ 
riación alguna del punto. Obtendremos entonces tres coordena¬ 
das, naturalmente diferentes que las primeras, que esta vez indi¬ 
caremos con X',Y’ P Z'. 

Pero atención: ya hemos dicho que el punto "A” no se ha mo¬ 
vido durante la operación de traslación de los ejes, luego como 
la medida de ese desplazamiento es conocida, debe ser posible 
calcular las nuevas coordenadas X',Y’,Z' a partir de las antiguas 
(X,Y,Z). 

Para medir el desplazamiento sufrido por los ejes indicare¬ 
mos con “P” la posición del nuevo origen, medida siempre res¬ 
pecto del sistema x,y,z (Fig. 6). Esa posición se identifica con tres 
coordenadas, que llamaremos XP, YP, ZP. No resulta entonces di¬ 
fícil deducir que las coordenadas del punto "A" en el nuevo sis¬ 
tema de referencia son: 

X'=X-XP Y'=Y-YP Z'=Z-ZP 

Pero... un momento: esto es sólo una sencilla operación de tras¬ 
lación de un punto a lo largo de un eje, parecido al que ya vimos 
al tratar de figuras bidimensionales; en realidad, el desplazamien¬ 
to del origen de un sistema de referencia produce el mismo re¬ 
sultado que el desplazamiento de la posición del punto "A” una 
distancia opuesta. 



» Finura 6 —AI realizar el segundo paso nos encontramos con dos sis- 
t; mías de referencia cuyos ejes son paralelos. En esta situación todo 
mto^A'^de coordenadas conocidas X.Y.Z podré , ser fácilmente referido 
• .._ ..'r.'r,' coordenadas X,Y 


Al tratarse de una simple traslación, para ***£%£££ 
tros cálculos utilizaremos una vez mas una matriz de transfonn 
ción. Vamos a explicar de qué manera: como ya dijimos P es la 
posición del observador, que hemos expresado en coordenada, 
esféricas. Como para efectuar la traslación necesitamos coordt. 
nadas rectangulares tendremos que hacer una transformación. V. ^ 
mos a definir en primer lugar cuatro nuevas variables (línea.. . • 
v 901 haciendo uso de las utilizadas anteriormente. 


SI =SIN(TH) 
S2=SIN(PH) 


Cl=COS(TH) 

C2=COS(PH) 
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Utilizaremos nuevamente una regla de trigonometría que es¬ 
tablece que las coordenadas rectangulares de cualquier punto, 
por ejemplo el “P'j pueden obtenerse simplemente a partir de las 
esféricas mediante las relaciones siguientes (que no vamos a de¬ 
mostrar en este libro): 

XP=RH*C1*S2 
YP = RH*S1*S2 
ZP=RH*C2 

Recuerde que la terna XP, YP, ZP señala la posición del ob¬ 
servador en el sistema de ejes cartesianos inicial x,y,z. 

Construimos por último una matriz de traslación, que será uti¬ 
lizada para desplazar la posición de cada punto una cantidad 
OPUESTA a la que habíamos dicho. En el espacio tridimensional 
las coordenadas homogéneas poseen, naturalmente, cuatro tér¬ 
minos, así que la matriz de traslación estará en este caso consti¬ 
tuida por: 

10 0 0 

0 10 0 

0 0 10 

H K L 1 

que al ser multiplicada por un punto genérico (X,Y,Z,1) lo despla¬ 
za a una nueva posición dada por 

(X+H, Y+K, Z+L, 1) 

Tras combinar los resultados obtenidos hasta ahora, la trans¬ 
formación que se requiere para cumplir el segundo paso se rea¬ 
liza aplicando la matriz 

1 0 0 0 

0 1 0 0 

0 0 10 

-RH*C1*S2 -RH*S1*S2 -RH*C2 1 



con la cual desplazamos cualquier punto en -XP, -YP, -ZP. 
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Tercer paso: reorientación de los ejes 

La tercera fase de esta técnica consiste en una nueva modi¬ 
ficación del sistema de referencia: no se trata esta vez de una ti a., 
íatión sino de una rotación de los ejes. La figura 4 muestra ciar* 
mente cómo se presenta el sistema cartesiano antes y después 
de la nueva transformación. Por qué tenemos que recurrir a esta 
rotación se explica rápidamente: queremos que el siguiente paso 
es decir la proyección de la imagen sobre un plano, resulte más 

SeRC &npezamos con una rotación del sistema de OMMlg» 
dedor del eje z' en el sentido de las agujas de un reloj (mirándolo 
desde arriba). El ángulo de rotación debe ser tal que Heve el eje 
x' a una posición perpendicular al segmento que une P con el ori¬ 
gen O. Observando la figura 7 comprenderemos que se necesita 

una roiamon de^9 referirnos a las traslaciones, había¬ 

mos comentado un principio básico: una transformación del siste¬ 
ma de referencia modifica las coordenadas de un punto cua quie¬ 
ra del mismo, de modo que éstas son modificadas como si apli 
cáramos al punto una transformación igual, pero de sentido opues- 



M Finura 7—La situación tal y como se ve vista “desde arriba' (por 
ífns los eies zz'son invisibles). El ángulo de rotación necesai /<</ >.v .i 
iterarte ¿Síy.jfpSión mácad/poria linea .le 

90- 0 grados. 


107 


to. Esta regla es general y resulta por tanto válida tanto en trasla¬ 
ciones como en rotaciones. 

Es posible hacer que un punto rote un ángulo "A” alrededor 
del eje "z” (en sentido contrario a las agujas del reloj) utilizando 
una matriz de transformación. La teoría, de la que no daremos aquí 
demostración, indica que la matriz que hay que aplicar es: 

COS(A) SIN (A) 0 0 

-SIN (A) COS(A) 0 0 

0 0 10 
0 0 0 1 

Aplicando la regla anterior esta matriz permite también que 
todo el sistema de referencia gire en el sentido de las agujas del 
reloj un mismo ángulo (transformación opuesta), que es precisa¬ 
mente lo que necesitamos. 

Decíamos que la rotación necesaria era de 90-0 grados. Dis¬ 
ponemos de dos relaciones trigonométricas que determinan: 

SIN(90-A)=COS(A) COS(90-A)=SIN(A) 

Veamos cómo afecta esto a la matriz anterior. El primer ele¬ 
mento es COS(A); en nuestro caso el ángulo de rotación A" vale 
90-0 grados; luego este elemento se convierte en COS(90-TH) 
que, por una de las relaciones precedentes, sabemos que es igual 
a SIN(TH). Al hacer lo mismo en toda la matriz ésta se convierte en: 

SIN(TH) COS(TH) 0 0 

-COS(TH) SIN(TH) 0 0 

0 0 10 

0 0 0 1 

O también, usando las variables BASIC definidas para este 
programa: 

SI C1 0 0 

-C1 SI 0 0 

0 0 10 

0 0 0 1 
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0 COS(A) SIN(A) 0 
0 -SIN (A) COS(A) 0 


SENTIDO 

ROTACION 


mm Figura 8.—La situación está vista "de lado", de forma que 
mW sea invisible ("x‘" no es ya perpendicular al plano del papel, pen 
no ha sido dibujado para mayor claridad). Lo que queremos es hacen<• 
lar el sistema x' y',z‘ alrededor del eje x' hasta que z coincida con el .• ; 
mentó que une O con P. Para hacer esto se necesita una r ° ,ac ' ó f; 
a la de las agujas de un reloj, de 180-<\> grados. Después de la rot.n i, 
eje "y"' estará en la posición indicada por la línea discontinua. 


180- $ / \ 


La segunda rotación de que hemos hablado está ilustrada en 
la fiqura 8. Se trata de rotar el sistema de ejes un ángulo de 180 (|> 
grados alrededor del eje "X"' (en sentido opuesto al de las agujas 
del reloj) La matriz que efectúa la rotación de un punto un ángulo 
A alrededor del eje “X" en sentido antihorano es: 
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Esta misma matriz servirá para girar los ejes en el sentido 
opuesto (horario), pero como lo que deseamos es girarlos en el 
antihorario deberemos usar la matriz: 

10 0 0 

0 COS(A) -SIN (A) 0 

0 SIN (A) COS (A) 0 

0 0 0 1 

que gira los ejes en sentido antihorario. 

También en este caso utilizamos unas relaciones trigonomé¬ 
tricas que permitirán simplificar el trabajo: 

SIN( 180-A)=SIN(A) COS( 180-A)=-COS(A) 

dado que, tal y como indica la figura 8, el ángulo que se necesita 
es de 180-0 grados, la matriz para esta segunda rotación se con¬ 
vierte en: 


1 

0 

0 

0 


1 

0 

0 

0 

0 

-COS(PH) 

-SIN(PH) 

0 


0 

-C2 

-S2 

0 

0 

SIN(PH) 

-COS(PH) 

0 


0 

S2 

-C2 

0 

0 

0 

0 

1 


0 

0 

0 

1 


donde la matriz de la derecha utiliza las variables del programa 3.1. 

Si aplicamos a cada punto las matrices vistas hasta ahora, el 
sistema de referencia se transformará en el que aparece en las fi¬ 
guras 4 y 5 como x", yo, zo, donde el eje x" estará dirigido en sen¬ 
tido opuesto al que queremos, es decir, al de xo. Lo que tenemos 
que hacer ahora es situar correctamente el eje x". Esta operación 
consiste tan sólo en cambiar el signo en la coordenada X de to¬ 
dos los puntos y esto puede hacerse aplicando una matriz que se 
parece mucho a la de identidad: 

-10 0 0 

0 10 0 

0 0 10 
0 0 0 1 


De esta manera hemos obtenido por fin el sistema de refe 
renda deseado, según la posición del observador; los ejes se ín 
dican con xo.yozo. 


Cálculo de la transformación resultante 

Ya sabemos que es posible efectuar una transformación com¬ 
plicada sirviéndonos de una sola matriz, con tal de que ésta sea 
el producto de distintas matrices que corresponden a las transfor¬ 
maciones elementales que queremos aplicar. En este caso las 
transformaciones que hay que efectuar en, secuencia son cuatro, 
una traslación, dos rotaciones y una simetría. 

A pesar de no ser difícil, el hecho de multiplicar cuatro ma¬ 
trices de 4x4 elementos cada una resulta bastante complejo, así 
que no vamos a desarrollarlo aquí. Nos bastará, para nuestro ob¬ 
jetivo, conocer la matriz resultante que, como puede verse, no es 
particularmente compleja: 


-SI 

-C1*C2 

-C1*S2 

0 

C1 

-S1*C2 

-S1*S2 

0 

0 

S2 

-C2 

0 

0 

0 

RH 

1 


Además de los senos y cosenos de los ángulos 0 y 4>. puede 
verse que en la matriz aparece también la distancia del observa¬ 
dor al origen, que hemos indicado como p (variable RH). La trans¬ 
formación de cada punto se obtiene, como ya sabemos por los ca¬ 
pítulos anteriores, al multiplicar las coordenadas del punto por la 
matriz de transformación (las reglas para hacerlo se explican mas 
adelante). En el programa es efectuada por las líneas 140-160, las 
coordenadas resultantes son asignadas a las variables XU,YU,¿U 
(recuérdese que la letra "O” significa “observador ). 


Cuarto paso: proyección sobre un plano 
de cada punto de la figura 

Lo que queremos obtener con la cuarta y última fase de osla 
técnica aparece en la figura 5: proyectar cada punto del objelo s<» 
bre un plano para obtener una imagen en perspectiva. 1,1 plano 
debe ser perpendicular al segmento que une el observado! I ’ y 



el origen “O”, paralelo por tanto al plano XO,YO; se trata de una 
superficie situada enfrente de quien está mirando. Será la pantalla 
del monitor de vídeo. 

Esta operación significa que tendremos que asignar a cada 
punto, de coordenadas X,Y,Z, del sólido originario otro correspon¬ 
diente en el plano de proyección. Cada uno de estos puntos es¬ 
tará definido por sólo dos coordenadas, que llamaremos XV e YV. 
En este caso la letra “V" indica que se trata de coordenadas para 
la visualización. 

El mecanismo de la proyección aparece en la figura 9. El sis¬ 
tema de referencia es el relativo al observador (xo,yo,zo) ya que, 
tras haber aplicado la matriz de transformación (obtenida por los 
tres primeros pasos del procedimiento) cada punto XO,YO,ZO es¬ 
tará referido con relación a este sistema. La figura está vista “des¬ 
de arriba", de ahí que el eje “yo” no sea visible y el plano de pro¬ 
yección aparezca cortado. 

Sea un punto genérico "A" del que queremos obtener la pro¬ 
yección correspondiente “A"' en el plano de proyección. En el sis¬ 
tema de ejes utilizado, las coordenadas de “A” serán XO,YO,ZO (en 

la figura aparecen sólo XO y ZO). Nótese que los triángulos PBA 

y PBA' (ambos rectángulos) son semejantes, así que será cierta 
la siguiente relación matemática: 

BA PB PA 

BA' PB' PA’ 

Recordando que la distancia del plano de proyección al ob¬ 
servador ha sido indicada con la variable "D" y sustituyendo en 
la relación anterior las coordenadas del punto "A” y de su pro¬ 
yección “A"’, obtenemos: 

XO = ZO 

XV D 

de donde se deduce que la coordenada “X" de la proyección "A”' 
del punto “A" vale 

XV=D*XO/ZO 

Para obtener la otra coordenada, es decir YV, se hará lo mis¬ 
mo, pero observando esta vez la situación “de lado" (en este caso 
el que no será visible será el eje “xo”). Las relaciones geométricas 
y matemáticas son las mismas que las que hemos visto ahora y 
dan como resultado: 

YV=D*YO/ZO 


ZO 



p 

t 


POSICION DEL OBSERVADOR 


j£3S& Figura 9.—La proyección de un punto A sobre un plano paralelo al 
Ém& formado por ¡os ejes "x" e "y" y situado a una distancia D de éste, 
se halla aplicando las reglas de los triángulos semejantes. En la figura se 
muestra el procedimiento válido para las coordenadasXfel eje "yo" "sale" 

nernendicularmente del papel). Los triángulos BPA y EPA'son semejantes 


Estos valores XV e YV no-son otra cosa que las coordenadas 
sobre la pantalla de vídeo de la proyección en perspectiva de un 
punto cualquiera X,Y,Z perteneciente al sólido originario. 

Lo único que queda por hacer es la transformación necesaria, 
ya efectuada en otros programas, para llevar los dos ejes calle 
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sianos de la página gráfica al centro de la pantalla y reducir los 
errores de redondeo. Las variables XV e YV calculadas por el pro¬ 
grama comprenden ya esta última transformación: todo ello es 
efectuado de forma combinada por las líneas 170 y 180. 

Al ejecutar el programa 3.1, cuyo principal procedimiento de¬ 
bería estar claro, aparecerá en la pantalla la imagen en perspec¬ 
tiva de un cubo. La figura que hay que dibujar, es decir, el cubo, 
está definida por medio de una serie de líneas DATA, desde la 
470 a la 530. El programa también dibuja los tres ejes cartesianos 
del sistema de referencia originario x,y,z en el que ha sido defini¬ 
do el cubo. Esto es efectuado por las líneas 250-280 y sólo sirve 
para que la imagen resulte más comprensible. Los DATA relati¬ 
vos al dibujo de los tres ejes son los que figuran en las líneas 
470-490. 

Después siguen las coordenadas de los vértices del cubo (Fi¬ 
gura 10). La línea 500 contiene la posición de ios cuatro vértices 
de la cara anterior, la 510 la de la posterior. Hay cinco grupos de 
coordenadas por cada cara, ya que para unir cuatro puntos con 
cuatro segmentos es necesario completar todo el "giro’’ entre ellos 
(de ahí que el primer punto aparezca también como último, al que 
habrá que regresar para cerrar la superficie). Los cuatro segmen¬ 
tos que faltan para completar el cubo son trazados por las líneas 
370-400, sirviéndose de los DATA que se hallan en las líneas 520 
y 530. 

Cuestión de puntos de vista 

Las dimensiones de la imagen en perspectiva que obtenemos 
sobre la pantalla dependen de dos factores: el primero es ¡a dis¬ 
tancia del observador ai origen, que hemos indicado con RH; el 
otro, la distancia "D” entre el observador y el plano de proyec¬ 
ción Bastará meditar brevemente acerca de la figura 5 para con¬ 
vencerse de que: 

— si el observador se acerca al objeto (es decir, RH dismi¬ 
nuye) las dimensiones de ia proyección aumentarán; 

— si lo que se acerca es el plano de proyección (y por tanto 
D disminuye) la imagen se hará más pequeña. 

Podría parecer entonces que una disminución de RH se com¬ 
pensaría con un aumento adecuado de “D", pero en realidad esto 
es posible sólo en parte; veamos por qué. Consideremos las dos 
ecuaciones que permiten obtener XV e YV (líneas 170-180). En 
ellas "D" aparece como factor de un producto, así que podemos 
decir que tanto XV como YV son proporcionales al valor de "D” 



M Finura 10 —En la figura se indican las coordenadas de los ocho vér¬ 
tices del cubo del programa 3.1, además de las de los puntos utili¬ 
zados para trazar los ejes. El hecho de que el lado mida 1 no es esencial; 
al modificar “D" se le podrá asignar cualquier otra medida. 


(aparte de las constantes utilizadas para llevar los ejes al centro 
de la pantalla). Pero el caso del parámetro RH, que aparece como 
término de una suma en la línea 160, es diferente: no sólo el re¬ 
sultado de la expresión (ZO) no es proporcional a RH, sino que su 
valor no influye sobre XO e YO. Podemos deducir de esto que, 
además de actuar sobre las dimensiones de la imagen, la vaii.i 
ción de RH y de “D" provoca otros efectos 

al ir acercándose al objeto (disminuye RH) éste nos apa¬ 
recerá cada vez más deformado, del mismo modo que ::i 
estuviéramos utilizando una máquina fotográfica piovisla 
de un gran angular como objetivo; 
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— independientemente de esto, podemos modificar cuanto 
queramos las dimensiones de la imagen (pero no sus pro¬ 
porciones) al va;iar la distancia "D". Esta operación equi¬ 
vale a desplazar adelante y atrás una pantalla sobre la que 
estamos proyectando una diapositiva: la imagen se hará 
más grande o se reducirá manteniendo las proporciones 
inalteradas. 

Si observa con un poco de atención el dibujo creado por el 
programa 3.1 notará precisamente una ligera distorsión de la ima¬ 
gen, como si estuviera observando el dibujo desde muy cerca. 
No se trata de un defecto: los parámetros del programa han sido 
elegidos precisamente para hacer más evidente este resultado; si 
quiere puede tratar de cambiarlos y ver qué ocurre. 

Control total de la imagen 

Después de haber aprendido la técnica, en muchas personas 
surgirá el deseo de hacer algún experimento. El programa 3.2 per¬ 
mite introducir a través del teclado los cuatro paráme¬ 
tros RH, TH, PH y D de manera que pueda obtenerse uno cual¬ 
quiera de los efectos descritos hasta ahora. 

10 ¡O *** PROGRAMA 3.2 *** 

20 REM 

30 REM CON NUESTRO PUNTO DE VISTA 
40 REM 
50 REM 

60 X1=0: XD=319:YA=0:YB=1S3:FE=1.1 
70 CX=INT(XD/23:CY=INTíYS/2) 

80 RH=5: TH=30: PH=60:0=400 
90 GOTO 560 
100 REM 

110 REM CALCULO COORDENADAS VISUALIZACIGN 
120 REM 

130 XD=-X«S1+Y*C1 

140 Y0=-X*C1*C2-Y*S1*C2+Z*S2 

150 Z0=-X*S2*C1-Y*S2*S1-Z*C2+RH 

160 XV=.5+CX+D*X0/Z0*FE 

170 YV=.5+CY-D*Y0/ZG 

180 RETURN 

190 REM 
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200 REM CLASIFICACION PUNTOS 
210 REM 

220 I(P>=X(PXXI 
230 DíPí =XíP)>XD 
240 A(P) =Y(PXYA 
250 BíP)=Y(P)>YB 
260 RETURN 
270 REM 

280 REM CALCULA LOS EXTREMOS 

290 REM 

300 GQSU8 220 

310 V=0:IF I(1)*I(2)+D(1)*DÍ2>+AÍ1.*AÍ2)+ 
B(Í)*B(2)OG THEN 390 

320 F=í:IF ¡(1)+D(l}+Aíi)+B(l)<>0 THEN 350 
330 P=2:¡F Ií2HD(2)+AÍ2)tBí2K>0 THEN 350 
340 V=1:SOTO 390 

350 IF ICFK>0 THEN Y(P) =Y( í) + (XI-X C1 >) * (Y (2)- 
Y (1) 5 / (X (2 ) - X (1)): X (P)=XI: GOTO 300 
360 IF DÍP5O0 THEN Y(P)=YÜ)+(XD-X(1))*(Y(2)- 
Y(1»/(X(2)-X(1)):XÍP5=XD:GÜTC 300 
370 IF A(P)<)0 THEN X(P)=XÍ1)+(YA-YU))*(X<2)- 
X(i))/(Y(2)-Y(í»:Y(P)=YA:S0T0 300 
380 IF B(P)<>0 THEN X(P)=X(1)+(YB-YÜ))*(X(2)- 
Xí1))/(Y(2)-Y(1)):Y(P)=YB:GOTO 300 
390 RETURN 
400 REM 

410 REM PETICION PARAMETROS 
420 REM 

430 PRINT '□PARAMETROS PARA LA VISUAL!ZACION” 

440 PRINT "ESE DISTANCIA RH0 (OBSERVADOR)..." i RH 

450 PRINT 'EANGULO THETA (HORIZONTAL).";TH 

460 PRINT "EANGULO PH1 (VERTICAL).”jPH 

470 PRINT ‘EDISTANCIA D (PROYECCION).’¡D 

480 PRINT , ETtliItiq a ;TAB(30)¡; INPUT RH 
490 PRINT B”;TAB(30);:INPUT TH 
500 PRINT "E"¡TAB(30)¡:INPUT PH 
51Ó PRINT “B“;TAB(30);: INF'UT D 
520 RETURN 
530 REM 

540 REM PROGRAMA PRINCIPAL 







550 REM 

560 GGSUB 430:HIRES 1,0 

570 SI=SIN(TH/180*P!):Cl=COSíTH/130*PI) 

580 S2=SIN(PH/180*P1):C2=COSEPH/180*PI) 

590 RE3TDRE:READ NS 

600 FDR SE=1 TQ NS:FOR P=1 TC 2 

610 READ X,Y,Z:803UB 130:XCP)=XV:Y(P)=YV: 

60SUB 220 
620 NEXT P 

630 GOSüB 310: IF V THEN LINE X( 1 ), Y (1),X (2) f Y<2) f 1 
640 NEXT SE 
650 REM 

660 PGXE 198,0:REM A CERO BUFFER TECLADO 
670 GET 7$: IF 7Í==" THEN 670 
680 PRINT :NRM:PRINT "ES TECLEA <RETÜRN> PARA 

CONTINUAR" 

690 GET T$: IF T$=" THEN 690 
700 IF TÍ=CHRÍÍ135 THEN 560 
710 END 
720 REM 

730 REM DEFINICION DE LA FIGURA 
740 REM 

750 DATA 14:REM No. SEGMENTOS 

760 DATA 1,0,O,1,0,1,1,O,1,1,1,1,1,1,1,1,1,0 

770 SATA 1,1,O,1,0,O,O,O,O,O,O,1,0,O,1,0,1,1 

780 DATA O,1,1,O,1,0,O,1,0,O,O,O,1,0,O,O,O,O 

730 DATA 1,0,1,0,O,1,1,1,0,O,1,0,1,1,1,0,1,1 

300 DATA 1,0.33,0,0,0.33,1,1,0.66,0,0,0.66,1 

READY 

Para trabajar en la forma que resulta más habitual, los ángulos 
son expresados en grados; el programa se encargará de transfor¬ 
marlos en radianes antes de seguir calculando (líneas 570-580). 
Observará que en este nuevo programa ha sido añadida una su¬ 
brutina de clipping (líneas 200-260 y 280-390) para que no sea ne¬ 
cesario preocuparse de que los parámetros produzcan una ima¬ 
gen que se salga de los límites de la pantalla. 

Varía también la manera de describir en las líneas DATA el 
sólido que va a ser dibujado (desde la 750 a la 800). Para ello se 
consideran uno por uno los segmentos que constituyen el objeto: 
la primera cantidad que aparece en los DATA indica su número, 
que se asigna posteriormente a la variable NS en la línea 590. Si¬ 
guen luego dos grupos de tres coordenadas (X,Y,Z) por cada uno 


de los segmentos que hay que trazar. En el ejemplo hay 14 seg 
mentos, así que las coordenadas son en total 84. Como ya sabi.l 
de sobra es posible modificar los DATA para cambiar complel-i 
mente el tipo de sólido que se va a visualizar. 

Tal y como está, el programa dibuja nuevamente un cubo, 
pero esta vez sin los ejes cartesianos. Para no crear confusión acer 
ca de la orientación del sólido visto en perspectiva se han añadí 
do en su interior dos segmentos diagonales, que permitirán darse 
cuenta de los cambios de posición. 

A la hora de asignar un valor a los cuatro parametros, respon 
diendo a las peguntas formuladas, esta versión del programa (para 
el Commodore 64) permite confirmar el valor del parámetro in¬ 
troducido previamente al pulsar la tecla RETURN, sin tener nece¬ 
sidad de volver a introducir el mismo valor. Esto permite poder 
dibujar varias veces la misma figura con facilidad, con sólo cam¬ 
biar los parámetros de los que se quiere observar su efecto. 

Otras transformaciones 

Al exponer la técnica de representación en perspectiva he¬ 
mos utilizado algunos tipos de transformaciones obtenidas al apli¬ 
car a las coordenadas homogéneas matrices de 4*4 ; Damos a con¬ 
tinuación algunas matrices útiles de las que no habíamos hablado 
hasta ahora por si alguien quiere hacer experimentos de gráficos 
computerizados más allá de los descritos en este libro. 

Rotación alrededor del eje "y” en sentido opuesto al de las 
agujas de un reloj un ángulo "A" 

COS(A) 0 -SIN (A) 0 

0 10 0 
SIN(A) 0 COS (A) 0 

0 0 0 1 

Simetría de un punto respecto del plano formado por los ejni- 


y- 

i 

0 

0 

0 


1 

0 

0 

0 

0 

1 

0 

0 


0 

-1 

0 

0 

0 

0 

-1 

0 


0 

0 

1 

0 

0 

0 

0 

1 


0 

0 

0 

1 
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Simetría de un punto respecto del plano formado por los ejes 
"X” y "Z”: 

Variación de la escala en cada eje (respectivamente, A, B, C 
para los ejes x, y, z): 

A 0 0 0 

0 B 0 0 

0 0 C 0 ^ 

0 0 0 1 


Para completar este tema vamos a examinar las reglas para 
multiplicar una matriz de transformación (de 4x4 elementos) por 
un punto o por otra matriz. Esto permitirá conocer con todo deta¬ 
lle el cálculo de las coordenadas X0, YO, Z0 que es efectuado en 
los programas 3.1 y 3.2. Para aplicar una matriz de transformación 
a un punto se efectúa el siguiente cálculo: 


A B 


(X, Y, Z, 1) 


D 

G 


E 

H 


C 0 
F 0 
1 0 


J K L 1 


(AX+DY+GZ+J, 
BX+EY+HZ+K, 
CX+FY+IZ+L, 1) 


En cambio, para multiplicar entre sí dos matrices de 4x4, 

en el caso de las transformaciones en secuencia, el desarrollo de 
la regla se hace excesivamente amplio. Daremos, por tanto, una 
definición algorítmica diciendo de qué manera se efectúa el pro¬ 
ducto sin tener que desarrollarlo por completo. Empezaremos por 
dibujar dos matrices, "A" y "B”, y asignar un nombre a cada uno 
de los elementos: 


Al 1 

A12 

A13 

A14 


B11 

B12 

B13 

B14 

A21 

A22 

A23 

A24 


B21 

B22 

B23 

B24 

A31 

A32 

A33 

A34 


B31 

B32 

B33 

B34. 

A41 

A42 

A43 

A44 


B41 

B42 

B43 

B44 


Por cada uno de ellos el primer número indica la Fila en la 
que se halla y el segundo la columna. Por ejemplo, A32 (que se 
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lee “a tres dos" y NO “a treinta y dos") pertenece a la tercera litu m 
v a la segunda columna. Pues bien, cada elemento Gij de la niaiuz 
resultante (producto de las otras dos) se obtiene con lai s 
los productos de todos ios elementos de la fila i de la malí u 
por todos ios elementos de la columna “j” de laimatnz ti 

Vamos a poner un ejemplo: el elemento C23 (linea 2 y co 
lnmna 3 Hp la matriz resultante C) está dado por: 


C23=A21*B13 + A22*B23 + A23*B33 + A24*B43 

y esto para todos los restantes 15 elementos de la matriz C. Esta 
reqla es general y válida para matrices de cualquier dimensión, 
con tal de que sea respetada la regla fundamental de que el nu¬ 
mero de líneas de la primera sea igual al número de columnas de 
la segunda. En los restantes casos no será posible efectuar el pro¬ 
ducto. 
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TÉCNICAS GRÁFICAS AVANZADAS 


El problema de las superficies escondidas 


a técnica utilizada para dibujar objetos tridimen¬ 
sionales tiene una limitación evidente, las imá¬ 
genes obtenidas no dan la sensación de repre¬ 
sentar un cuerpo sólido, sino que recuerdan más 
bien a las de su esqueleto, construido con alam¬ 
bres Esto ocurre porque, al contrario de lo que 
pasa con los objetos reales, aquí están represen¬ 
tadas también aquellas superficies que normal¬ 
mente no son visibles debido a su posición. Así 
nace el problema de las superficies ocultas, que puede ser resuel- 

"" ”1 cualquiera, lo primero ■' 

ügüiü^i 

al programa 3.3: 



10 REH *** PROGRAMA 3-3 *** 

20 REH 

30 REH DIBUJA UN OBJETO TRIDIMENSIONAL^ 
40 REH ELIMINANDO LAS LINEAS NO VISIBLES 
50 REH 
60 REM 

70 X1=0:XD=319:YA=0:YB=199sFE=1.1 
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80 CX=INT(XD/2):CY=INT(Y8/2) 

90 RH=20:TH=30:PH=60:D=200 
100 SOTO 170 
110 REM 

120 REM PREPARACION LISTA DE LOS VERTICES 
130 REM 

140 READ NV:DIM VÍNV,3) 

150 FOR 1=1 TO NV:FOR 11=1 TO 3 
160 REAC V(I,IDiNEXT 11,1 
170 RETURN 

130 REM 

130 REM PREPARACION LISTA DE LAS SUPERFICIES 
200 REM 

210 READ NS:READ M?:DIM 5UÍNS,MP),NP(NS) 

220 FOR 1=1 TO NS:READ NP(I):FOR 11=1 TO NP(I) 
230 READ SU(I, IDsNEXT 11,1 
240 RETURN 
250 REM 

260 REM PREPARACION LISTA DE LAS NORMALES 

270 REM 

280 IF F=0 THEN DIM N(NS,3) 

290 FOR 1=1 TO NS 

300 Ul=V(SU(I,2) f D-VCSUÍI, 1), 1) 

310 U2=v(SüC1,2), 2)-V(SU(1,1) r 2) 

320 U3=V(SUÍI,2),3)-V<SU(I,1),3) 

330 V1=V(SU(I,3),1)-V<SU(1,1), 1> 

340 V2=V(SU(I,3),2)-V(SU(I I 1),2) 

350 V3=V (SU(I f 3 ), 3 ) -V (SU(I f 1), 3) 

360 N(¡,1)=U2*V3-V2*U3 
370 N(I,2)=U3*V'1-V3*U1 
330 N(I,3)=UltV2-VUU2 
390 NEXT I 
400 RETURN 
410 REM 

420 REM PREPARACION LISTA DE LOS BORDES VISIBLES 
430 REM 

440 ¡F F=0 THEN DIM BV(NS«P/2,2) 

450 X1=RH*S2*C1:Y1=RH*S2*S1:ZI=RH*C2 
460 B=1:FOR 1=1 TO NS:P0=SU(I,1) 

470 Wí=Xí-VCPO,1):U2=Y1-VCPO,2):W3=Z1-V<P0,3) 

480 IF N(I,1)»H1+N(1,2)*N2+N(I,3)*H3<=0 THEN 590 


490 FOR 11=2 TO NP(I) 

500 P1=SU(1,11-1):P2=SU(I f 11) 

510 IF B=1 THEN 580 
520 FOR 12=1 TO B-l 
530 P3=BV(12,1):P4=BV(12,2) 

540 IF (P1=P3 AND P2=P4) OR (P1=P4 AND F'2=P3) 
THEN 12=3999 

550 NEXT 12:IF I2>B THEN 580 

560 BV(B f 1)=P1:BV(B,2)=P2 

570 B=B+1 

580 NEXT II 

530 NEXT I 

600 RETURN 

610 REH 

620 REM CALCULO COORDENADAS VISUALIZACION 
630 REM 

64C X0=-X*S1+Y*C1 

650 Y0=-X*C1*C2-Y*S1*C2+Z*S2 

660 ZQ=-X*S2*C1-Y*S2*S1-Z*C2+RH 

670 XV=.5+CX+D*X0/Z0*FE 

680 YV=.5+CY-D*YO/ZO 

690 RETURN 

700 REM 

710 REM TRAZADO DE LA FISURA 
720 REM 

730 FOR 1=1 TO B-l:FOR P=1 TO 2 
740 X=V(BV(I,P),1>:¥=V(BVCI,P) f 2):Z= 

V(BV(I f P),3) 

750 80SUB 640:X(P)=XV:Y(P)=YV:SQSUB 830 
760 NEXT P 

770 SOSUB 920:IF V=1 THEN LINE XCi),YC1), 

X(2), YC2), 1 
780 NEXT I 
790 RETURN 
800 REH 

810 REM CLASIFICACION PUNTOS 
820 REM 

830 IÍP)=XÍPXXI 
840 D(P)=X(P))XD 
850 A(P)=Y(Pí<YA 
860 B(P)=Y(P5)YB 



870 RETURN 
880 REH 

890 REM CALCULA LOS EXTREMOS (CLIPPIN6) 

900 REM 
910 SOSUB 830 

920 V=0:IF I(1)*I(2)+D(1)*D(2)+A(1)*A(2)+ 

B(1)*B(2)<>0 THEN 1000 
930 P=1:IF I(1)+DC1)+A(1)+B(1)<>0 THEN 960 
940 P=2:IF I(2)+D(2)+A(2)+B(2)<>0 THEN- 960 
950 V=í:GOTO 1000 

960 IF 1(PX)0 THEN Y(P)=Y(1)+(XI-X(1))*(Y(2)- 
Y(1))/(X(2)-X(1)):X(P)=XI:G0T0 910 
970 IF D(P)<>0 THEN Y(P)=Y(1)+(XD-X(1»*(Y(2)- 
Y(1))/(X(2)-X(1)):X(P)=XD:GQTQ 910 
980 IF A(P)OQ THEN X(P)=X(1)+(YA-Y(1))*(X(2)- 
X(1})/(Y í2)-Y(1)):Y(P)=YA:SOTO 910 
990 IF B<P)<>0 THEN X(P)=X(1) + (YB-Y(1))*(X(2)- 
X(1))/(Y(2)-Y(1)):Y(P)=YB:60T0 910 
1000 RETURN 
1010 REM 

1020 REM PETICION PARAMETROS 
1030 REM 

1040 PRINT "□ PARAMETROS PARA LA VISUAL!ZACION' 

1050 PRINT 'CDBIiID DISTANCIA RHO (OBSERVADOR)..."¡RH 

1060 PRINT -EANGULO THETA (HORIZONTAL).";TH 

1070 PRINT "S ANGULO PHI (VERTICAL).-;PH 

1080 PRINT "EDISTANCIA D (PROYECCION).";B 

1090 PRINT ¿ HtEEl!H l ';TAB(29)¡:INPUT RH 
1100 PRINT “E’;TAB(29);: INPUT TH 
1110 PRINT "E';TAB(29)¡:INPUT PH 
1120 PRINT "E’;TAB(29);:INPUT D 
1130 RETURN 
1140 REM 

1150 REM PROGRAMA PRINCIPAL 
1160 REM 

1170 DIM I(2),D(2),A<2),8(2) 

1180 GOSUB 1040:HIRES 1,0 

1190 S1=SIN(TH/180*PI):C1=COS(TH/180*PI) 

1200 S2=SIN(PH/180*PI):C2=COS(PH/180*PI) 

1210 IF F=1 THEN 1240 

1220 GOSUB 140:REM LISTA VERTICES 


1230 GOSUB 21Q:R£H LISTA SUPERFICIES 
1240 GOSUB 280:REM LISTA NORMALES 
1250 GOSUB 440:REM LISTA BORDES VISIBLES 
1260 GOSUB 730:REM TRAZADO FIGURA 
1270 REM 

1280 F=1:POKE 198,0:REM PUESTA A CERO DEL 
BUFFER DEL TECLADO 
1290 GET T$:IF T$=” THEN 1290 
1300 PRINT ”D":NRM:PRINT ‘GEE TECLEA <RETURN> 
PARA CONTINUAR" 

1310 GET T$:IF T$=“ THEN 1310 
1320 IF T$=CHR$(13) THEN 1180 
1330 PRINT:PRINT "GEE OK,ADIOS":END 
1340 REM 

1350 REM DESCRIPCION DE LA FIGURA 
1360 REM 

1370 DATA 5,2,5,-4,-2,5,-4,-2,-5,-4,2,-5, 

-4,0,0,4 

1380 DATA 5,5,4,1,5,4,1,4,3,5,2,3 

1390 DATA 4,2,5,1,2,4,4,5,3,4,5,1,4,3,2,1 

READY 


La figura que vamos a dibujar, una pirámide con base rectan¬ 
gular, está codificada en el grupo de instrucciones DATA que se 
hallan al final del programa (líneas 1370-1390). El procedimiento 
que estamos examinando requiere que sean proporcionadas las 
posiciones de todos los vértices del objeto y la definición de cada 
una de sus superficies en relación a ellos. Refiriéndonos a la figu¬ 
ra i las nnsic.iones de los vértices son: 


vértice número 1=2,5,-4 
vértice número 2=-2,5,-4 
vértice número 3=-2,-5,-4 
vértice número 4=2,-5,-4 
vértice número 5=0,0,4 


Cada superficie se define posteriormente por medio de la se¬ 
cuencia de los vértices que la delimitan. Según el procedimiento 
empleado, resulta esencial que éstos sean puestos por orden en 
sentido contrario al de las agujas del reloj con relación a un ob 
servador que mire la superficie desde el exterior del sólido. Ari<^ 
más, una superficie definida, por ejemplo, por cuatro punto:: :¡am 
indicada como si lo estuviera por cinco, ya que al efectuai el di 
bujo el último punto deberá unirse con el primero. Una voz pro 






Figura 1.—E1 sólido que vamos a dibujar es una pirámide con base 
rectangular, traspasada por el eje “z" de forma que el origen se ha¬ 
lle a media altura (aquí los ejes no están trazados). Las coordenadas de 
los vértices y la defínición de las superficies, desde SI hasta S5, están con¬ 
tenidas en las líneas DATA del programa 3.3. 


cisados estos detalles, explicaremos de qué manera están orga¬ 
nizadas las líneas DATA: 

— número de vértices, coordenadas X,Y,Z del vértice núme¬ 
ro 1, coordenadas X,Y,Z del vértice número 2, y así hasta 
el último vértice (línea 1370); 

- número de superficies, número máximo de vértices por su¬ 
perficie (línea 1380); 

- número de vértices de la superficie número 1, primer vér¬ 
tice de la superficie número 1, segundo vértice de la su¬ 
perficie número 1, etc. (línea 1380); 

número de vértices de la superficie número 2, etc. (tam¬ 
bién en la línea 1380); 

- sigue así hasta la última superficie, la número 5 (línea 1390). 


El programa 3.3 pone en práctica la técnica de las superficie:; 
ocultas, que representa en cierto modo la síntesis de todas las que 
hemos visto hasta ahora. Después de las mismas inicializaciones 
de siempre (líneas 70-90) el control pasa a la línea 1170, donde co¬ 
mienza el programa principal. El motivo por el cual están dimen- 
sionados los vectores I, D, A, B utilizados luego en la subrutina ha¬ 
bitual de clipping, es el de ahorrar espacio en memona. En efecto, 
si no se especifica, el BASIC dimensiona automáticamente cada 
vector asignándole once elementos (de 0 a 10); al escribir progra¬ 
mas complejos es bueno acostumbrarse a no derrochar las reser¬ 
vas del ordenador. 

A continuación se ejecuta la subrutina, ya vista en el progra¬ 
ma 3.2, que solicita los parámetros (líneas 1020-1130), luego se vi¬ 
sualiza en la pantalla la página gráfica (línea 1180). 

A partir de los datos proporcionados por el usuario, las lineas 
1190 y 1120 calculan el valor de las habituales variables SI, S2, Cl, 
C2 Recuerde que los datos están expresados en los comunes gra¬ 
dos sexagesimales. El salto condicionado a la línea 1210 sirve para 
ejecutar una parte del procedimiento tan sólo la primera vez, aho¬ 
rrando así tiempo de procesamiento cuando se repite el cálculo 
cambiando exclusivamente el punto de observación (pero no la 
figura que se quiere trazar). 

Identificación de las superficies visibles 

El método para seleccionar las superficies del sólido que no 
quedan ocultas para el observador se basa en una sene de 
subrutinas, llamadas a partir de la línea 1220, y procede de esta 
manera: 

1. Partiendo de la descripción del objeto contenida en las lí¬ 
neas DATA se prepara una lista de vérii - (líneas 120-170). 
Esta lista se construye en un vector (o matriz) de dos di¬ 
mensiones llamado V(). 

2 Basándose siempre en los DATA se rellenan otros dos vec¬ 
tores, SU() y NP() (líneas 190-240). El primero es también 
de dos dimensiones y contiene una ... ia de los vértices 
aue delimitan cada superii • (en sentido opuesto al de las 
agujas del reloj); para cada una de ellas, el segundo vector 
(un vector unidimensional) indicará el número de vértices 
que la componen. • 

3 Disponiendo de las listas obtenidas en los pasos 1 y 2 se 
utiliza un método de cálculo que, recurriendo al concepto 
matemático-geométrico de vector, determina la orientación 
de cada superficie localizando la dirección de una normal 
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(es decir, de una línea perpendicular a ella). Esto se lleva 
a cabo en las líneas 260-400. 

4. Ya podemos combinar ¡as informaciones acerca de la orien¬ 
tación de cada superficie con las de la posición del obser¬ 
vador para determinar por último si cada una de ellas es 
visible o no desde ese punto de vista en concreto (líneas 
420-600). 

5. Ahora no queda más que someter los vértices de las su¬ 
perficies visibles al procedimiento que ya conocemos de 

representación en perspectiva (líneas 620-690) y unirlos 
luego con segmentos a fin de obtener los contornos de 
aquella superficie (líneas 710-790). 

Lo que se obtiene es una fiel representación de cómo vería 
un observador el objeto al mirar desde esa posición. El método 
utilizado en el programa 3.3 funciona correctamente sólo si se apli¬ 
ca a sólidos convexos, es decir, a aquellos cuyas superficies no 
forman nunca ángulos externos menores que 180 grados (o en 
otras palabas, que no tienen "entradas"). Todo el proceso es bas¬ 
tante complejo, así que convendrá seguirlo deteniéndose en los 
detalles que necesitan que profundicemos más. 


Primer paso: lista de los vértices 

La matriz que contiene la lista de los vértices del sólido apa¬ 
rece en la figura 2. La subrutina que la rellena (líneas 140-170) a 
partir de los DATA no necesita particulares comentarios. 


Segundo paso: lista de las superficies 

La figura 3 muestra el vector SU() que describe cada super¬ 
ficie mediante la lista de vértices que la delimitan. Aparece tam¬ 
bién el vector que contiene el número de vértices para cada una 
NP() ' La subrutina 1 ue Ios llena se halla en las líneas 

U IU UíU. 


Tercer paso: lista de las normales (orientación de las superficies) 

Para determinar de qué manera están orientadas las superfi¬ 
cies que delimitan el sólido que va a ser representado es nece¬ 
sario utilizar un nuevo concepto: el de vector. Podemos describir 
un vectci como un segmento orientado, es decir, que posee un 
sentido determinado, que une dos puntos ya sea que estén en un 
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PRIMER INDICE 


SEGUNDO INDICE 

X Y Z 


VERTICE N.° 1 

2 

5 

_l 

VERTICE N.° 2 

m 

5 

i 

VERTICE N.° 3 

m 

LS 

_ i 

VERTICE N.° 4 

\ 2 

n 

—-1 

VERTICE N.° 5 

L 

_ 



LISTA DE LOS VERTICES: VECTOR V( ) 

lFinura 2.-A cada vértice^se le asigna un número de orden, en este 
caso de 1 a 5. El vector V() contiene las coordenadas X,Y,Z. 


PRIMER INDICE: SEGUNDO INDICE: 

VERTICES QUE HAY QUE UNIR 


INDICE: 



LISTA DE LOS VERTICES: VECTOR SU ( ) SU PE R FICIE: VECTO R N P ( ) 


M Finura 3-Vectores que describen las superficies del sólido Los 
vértices deben ponerse en la lista procediendo en sentido contrario 
al de las agujas de un reloj (mirando la superficie desde el extenor). 
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plano o en el espacio. También en este caso no nos es posible pro¬ 
fundizar sobre el tema, pero es conveniente saber que se puede 
identificar un vector a partir de las coordenadas de sus puntos ter¬ 
minales. Vayamos a la figura 4: considerando como extremos los 
puntos A(XA,YA,ZA) y B(XB,YB,ZB) resulta que el vector AB está 
definido por la terna (XB-XA,YB-YA,ZB-ZA). 

Del mismo modo que ocurre con los números, también los 
vectores pueden sumarse, sustraerse, multiplicarse o dividirse en¬ 
tre sí. Sin entrar en detalles sobre la teoría de vectores vamos a 
considerar un tipo particular de multiplicación entre ellos, llama¬ 
do producto vectorial. Partiendo, por ejemplo, de los vectores 
Vj = (X1,Y1,Z1) y V2 = (X2,Y2,Z2) su producto vectorial se define 
como: 


Vi x V2 = (Y1*Z2-Z1*Y2,Z1 *X2-X 1 *Z2,X 1 *Y2-Y 1 *X2) 



M Figura 4.—Un vector AB puede ser identificado a partir de las coor¬ 
denadas de sus dos extremos. El producto vectorial entre dos vec¬ 
tores, por ejemplo VI y V2, representa también otro vector, que siempre 
será perpendicular al plano en el que se hallan VI y 72. Al escoger los 
dos vectores de partída como estéjndicado, 73 señalará siempre hacia el 
extengr del sólido. Los vectores U,7,N de la subrutina 280 corresponden 
a VI, V2 y V3 en la figura. Esto mismo se repite para cada superficie exa¬ 
minada. 


No hay que olvidar que el producto vectorial de dos vecto 
res, es decir, la terna resultante, representa otro vector. 

Lo que nos interesa es una propiedad geométricia de este 
producto: el vector que se obtiene resulta siempre perpendicular 
al plano sobre el que se hallan VI y V2 (los dos vectores de par¬ 
tida) y su sentido se halla “girando" Vi hacia V2, como si fuera un 
destornillador, y viendo hacia dónde iría. La situación está ilustra¬ 
da en la figura 4, a partir de la cual podemos darnos cuenta de 
que el vector V3 (que resulta del producto vectorial de VI y V2) 
puede ser utilizado para indicar la orientación de la superficie. Se 
dice que V3 es una normal de la superficie, una línea perpendi¬ 
cular a ella. 

La lista de las normales es formada por la subrutina compren¬ 
dida entre las líneas 280-400. A cada una de las superficies del s<> 
lido se asocian dos vectores U y V, correspondientes a VI y V2 
de la figura 4, e identificados en el programa con las temas 
(U1,U2,U3) y (V1,V2,V3). A partir de éstos se calcula la terna co¬ 
rrespondiente a la normal de esa superficie (efectuando el pro¬ 
ducto vectorial de U y V : líneas 360-380), que es memorizada en 
el vector N(). Al final del ciclo el vector contiene la lista de las 
normales a cada superficie. 

Al observar la subrutina puede notarse que los dos vectores 
que hay que multiplicar se eligen siempre de forma que el se¬ 
gundo esté orientado de forma que su rotación sea opuesta a la 


PRIMER INDICE: SEGUNDO INDICE: 

X Y Z 


VECTOR NORMAL 

A LA SUPERFICIE N.° 1 





A LA SUPERFICIE N.° 2, 
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LISTA DE LAS NORMALES: VECTOR N ( ) 


PRIMER INDICE: SEGUNDO INDICE: 


Vérlice Vóriico 
¡nici.il final 


BORDE N.° 1 

i 

■ 

BORDE N.° 2 









BORDE N." 5 



■_ 


_ 


LISTA DE LOS BORDES VISIBLES: VECTOR 
BV ( ) 


M Figura 5.—La lista de las normales a cada superficie es realizada por 
una subrutina específica a partir del vector SU(). En base a esto se 
halla una lista de los bordes visibles, que indica los vértices iniciales y fi¬ 
nales de cada segmento que hay que trazar. 
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del primero según se observa la superficie desde el exterior. Tal 
elección puede ser efectuada con seguridad, ya que nos hemos 
ocupado de hacer que en la lista de las superficies los vértices 
estén precisamente en el orden obtenido recorriéndolos en sen¬ 
tido opuesto al de las agujas de un reloj. Gracias a esta precau¬ 
ción, cada normal estará siempre dirigida hacia el exterior del só¬ 
lido. 


Cuarto paso: test de visibilidad de cada superficie 

La última lista que hay que determinar es la de los bordes 
de las superficies visibles. El vector BV() destinado a contenerlo 
es dimensionado en la línea 440, con un criterio bastante arbitra¬ 
rio, pero tal que asigna un número de elementos suficientes para 
este fin. 

Para determinar si una superficie es visible recurrimos a otra 
propiedad de los vectores. Se trata esta vez del llamado producto 
escalar, que es otro tipo de multiplicación entre vectores distinto 
del producto vectorial y que da como resultado un número, no un 
vector. Tampoco en este caso nos es posible profundizar mucho 
en la teoría matemática, así que diremos solamente que, dados los 
vectores VT y V2, su producto escalar toma un valor positivo dis¬ 
tinto de cero sólo en el caso de que el ángulo entre ambos sea 
menor que 90 grados. Esta importante propiedad nos permite dis¬ 
tinguir aquellas superficies orientadas hacia el observador de las 
que, en cambio, no lo están, como aparece claramente ilustrado 
en la figura, 6. 

En la línea 450 se calcula la posición del observador, asigna¬ 
da a las variables XI, Y1 y Z1 por medio de las reglas trigonomé¬ 
tricas vistas en otras ocasiones. Se comienza así a contar los bor¬ 
des visibles con la variable “B”, que parte del valor 1 (línea 460). 
Un ciclo FOR...NEXT (460-590) examina cada superficie, conside¬ 
rando el vértice número P0 (línea 460). La 470 determina la tema 
correspondiente a un vector W = (W1,W2,W3), que parte del vér¬ 
tice P0 y está dirigido hacia el observador_ 

Considerando dos vectores genéricos V1=(X1,Y1,Z1) (que no 
hay que confundir con las coordenadas del observador) y 
72=(X2,Y2,Z2), la teoría dice que su producto escalar está dado 
por: 

Vi *V2=X1 *X2+Y1 *Y2+Z1 *Z2 

A diferencia del producto vectorial, el producto escalar NO 
es un vector, sino un simple número. La línea £80 calcula precisa¬ 
mente el producto escalar entre la normal y W; si no resulta ma- 
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J| V Figura 6.—En la figura los vectores NI y N2 son normales, respec- 
■W livamente, a las superficies SI y S2 de la pirámide. Consideremos el 
vector W, que sale de un punto cualquiera de la superficie y está dirigido 
hacia la posición del observador. La superficie SI resulta visible porque 
el ángulo A entre W y NI es menor que 90 grados, mientras que S2 per¬ 
manece oculta porque el ángulo B entre ffl y Ñ2 es, en cambio, mayor que 
90 grados. 


yor que cero la superficie es desechada, ya que no resulla visible 
desde esa posición. 

En caso contrario, el bucle con variable II que se inicia en la 
490 incluye en el vector B() los vértices de la superficie, tomán¬ 
dolos dos a dos y formando así una lista de segmentos visibles 
(o bordes visibles). En esta fase está también previsto un control 
para evitar poner en lista dos veces el mismo segmento, como 
ocurriría en el caso del borde entre dos superficies visibles. Este 
control está seguido por el bucle con índice 12 que se inicia en la 
línea 520. 

Quinto paso: dibujo en perspectiva 

Ahora no queda más que dibujar la imagen en perspectiva 
del sólido. Para alcanzar este objetivo, los extremos de cada bor- 


de visible son sometidos al ya conocido procedimiento de pro¬ 
yección tridimensional, el mismo que hemos utilizado en los pro¬ 
gramas 3.1 y 3.2 (subrutina 640-690). Para hacer más completo y 
"profesional" el procedimiento, se utiliza también una subrutina de 
clipping (líneas 810-870 y 890-1000), con el fin de no limitar de nin¬ 
guna manera la posición del observador. El resultado de toda la 
operación será dibujado luego en la pantalla. 

Con esto concluye la descripción de la técnica de elimina¬ 
ción de las superficies no visibles. Por último, teniendo en cuenta 
la complejidad del procedimiento y las consiguientes dificultades 
que pueden obstaculizar su comprensión, hemos incluido una lis¬ 
ta completa de las variables utilizadas en el programa 3.3. 


Lista de las variables del programa 3.3 

XI,XD,YA,YB=límites a la izquierda, a la derecha, por arriba y por 
abajo de la pantalla. 

CX,CY=coordenadas del centro de la pantalla. 

RH=distancia del observador al origen. 

TH=ángulo 0 (theta). 

PH=ángulo 4> (phi). 

D=distancia del plano de proyección al origen. 

NV=número de vértices del sólido. 

V()=lista de los vértices (vector de dos dimensiones). 

X,Y,Z=coordenadas de los vértices del objeto. 

XO,YO,ZO=coordenadas respecto del observador. 

51. Cl =seno de 0 (theta) y coseno de 0 (theta). 

52, C2 = seno de 4> (phi) y coseno de <j> (phi). 

XV,YV = coordenadas de visualización de un punto. 

I(),D(),A(),B()=indicadores que señalan si un punto se halla fuera 
. de uno de los límites de la pantalla. 

X(),Y()=puntos extremos del segmento que hay que someter a 
clipping. 

V=distinto de cero si un segmento es dibujadle en pantalla. . 

P = índice de los puntos de un segmento para la subrutina de clip- 
.ping. 

P$= parámetro solicitado. 

I índice genérico. 
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MP=máximo número de puntos (vértices) entre todas las super 
ficies. 

SU()=lista de las superficies (vector de dos dimensiones). 

NS=número total de superficies del sólido. 

NP()=número de los puntos de cada superficie (vector de una di¬ 
mensión). 

Il=índice genérico. 

N()=lista de las normales (vector de dos dimensiones). 

U1,U2,U3=coordenadas del vector U para el cálculo de la normal. 
Vl,V2,V3=coordenadas del vector V para el cálculo de la normal. 
BV()=lista de los bordes visibles. 

X1,Y 1,Z1= coordenadas del observador. 

P0=número del primer punto de una superficie. 

P1,P2=extremos de un borde visible recién determinado. 

P3,P4=extremos de un borde visible ya en lista. 

T$= tecla apretada al final del dibujo. 

F=indicador que señala que los vectores ya han sido dimensio- 
nados. 

Conclusión 

Todas las técnicas que hemos examinado en este libro van 
acompañadas de programas demostrativos, escritos de forma que 
animen a modificarlos y experimentar con ellos tanto en el Com- 
modore 64 como en otros ordenadores personales. En particular, 
los objetos del programa (las figuras geométricas) son la mayoría 
de las veces fácilmente definibles de nuevo, ya que están descri¬ 
tos por medio de líneas DATA. El hecho de modificar los progra¬ 
mas, las figuras codificadas en ellos o desarrollar nuevas técnicas 
constituirá una valiosa ayuda para entender plenamente las bases 
de los gráficos computerizados. 
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En muchos de los listados aparecen dentro de las instruccio¬ 
nes PRINT símbolos gráficos, de algunos de los cuales hemos ex¬ 
plicado ya el significado. Las siguientes tablas son un resumen de 
aquellos que afectan al control de la impresión y del color. 


Efecto 


Espacio 

Cursor a la derecha 
Cursor a la izquierda 
Cursor hacia abajo 
Cursor hacia arriba 

Cursor al punto HOME (arriba a la izquierda) 
Vaciar la pantalla 

Inversión de contraste (negro sobre blanco) 
Vuelta al contraste normal (blanco sobre negro) 
Supresión de carácter 
Inserción de carácter 
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Cód ASCII 

Efecto 



I A A 





negro 



5 

blanco 



28 

rojo 



159 

turquesa 

m 


156 

púrpura 



30 

verde 

B 


31 

azul oscuro 



158 

amarillo 

a 


129 

anaranjado 

BrS 


149 

pardo 



150 

rosa 

□ 


151 

gris oscuro 

□ 


152 

gris medio 

m 


153 

verde claro 

ES 


154 

azul claro 



155 

gris claro 
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BIBLIOTECA BASICA INFORMATICA 


INDICE GENERAL 


1 Dentro y fuera del ordenador 

Todo lo que debemos saber para poder comprender 
en qué consisten y cómo funcionan los ordenadores. 

2 Diccionario de términos informáticos 

Una perfecta guía en ese «maremagnum» de palabras y 
frases ininteligibles que se usan en Informática. 

3 Cómo elegir un ordenador... que se ajuste a nuestras 
necesidades 

Las características y detalles en los que deberemos 
centrar nuestra atención a la hora de elegir un 
ordenador. 

4 Cuidados del ordenador... cosas que debemos hacer o 
evitar 

Esos consejos que le evitarán problemas con su 
equipo, permitiéndole obtener el máximo provecho. 

5 ¡Y Uegó el BASIC! (I) 

Un claro y sencillo acercamiento a los principios de 
este popular lenguaje. 

6 Dimensión MSX 

El primer BASIC estándar que ha conseguido difundirse 
de verdad no es sólo un lenguaje; hay bastante más. 

7 ¡Y llegó el BASIC! (II) 

Instrucciones y comandos que quedaron por explicar 
en el la parte I. 

8 Introducción al Pascal 

Una buena manera de adentrarse en la programación 
estructurada, ¡la nueva ola de la Informática! 

9 Programando como es debido... algoritmos y otros 
elementos necesarios. 

Ideas para mejorar la funcionalidad y desarrollo de sus 
programas. 



10 Sistemas operativos y software de base 

Qué son, para qué sirven. Unos desconocidos muy 
importantes. 

11 Sistema operativo CP/M 

Uno de los sistemas operativos para microprocesadores 
de 8 bits de mayor difusión en el mercado. 

12 MS-DOS: el estándar de IBM 

Sistema operativo para el microprocesador de 16 bits 
8088, adoptado por el IBM-PC. 

13 Paquetes de aplicaciones. Software “pret a porter” 
Características y peculiaridades de los más importantes 
paquetes de aplicaciones. 

14 VisiCalc: una buena hoja de cálculo 
Interioridades y manejo de una de las hojas de cálculo 
más usadas. 

15 Dibujar con el ordenador 

Profundizando en una de las facetas útiles y divertidas 
que nos ofrecen los ordenadores. 

16 Tratamiento de textos... para escribir con el ordenador 

Cómo convertir su ordenador en una máquina de 
escribir con memoria y todo tipo de posibilidades. 

17 Diseño de juegos 

Particularidades características de esta aplicación de 
los ordenadores. 

18 LOGO: la tortuga inteligente 

Un lenguaje conocido por su «cursor gráfico», la tortuga, 
y sus aplicaciones pedagógicas al alcance de su mano. 

19 BASIC y tratamiento de imágenes 

Todo lo que en ¡Y llegó el BASIC! no se pudo ver sobre 
las imágenes y gráficos en el BASIC. 

20 Bancos de datos (I) 

Peculiaridades de una de las aplicaciones de los 
ordenadores más interesantes, y que más dinero 
mueven. 

21 Bancos de datos (II) 

Profundizando en sus características. 

22 Paquetes integrados: Lotus 1-2-3 y Simphony 

Estudio de dos de los paquetes integrados (Hoja de 
cálculo + base de datos +...) más conocidos. 

23 dBASE □ y dBASE IH 

Cómo aprovechar las dos versiones más recientes de 
esta importante base de datos. 

24 Los ordenadores uno a uno 

Un amplio y completo estudio comparativo. 

25 Cálculo numérico en BASIC 

Una aplicación especializada a su disposición. 


26 Multiplan 

Cómo hacer uso de este moderno paquete de 
aplicaciones. 

27 FORTRAN y COBOL 

Dos lenguajes muy especializados y distintos. 

28 FORTH: anatomía de un lenguaje inteligente 

Principales características de un lenguaje moderno, 
flexible y de amplio uso, en la robótica. 

29 Cómo realizar nuestro propio banco de datos 

Conocimientos necesarios para poder fabricar un 
banco de datos a nuestro gusto y medida. 

30 Los paquetes integrados uno a uno 

Todos los que usted puede encontrar en el mercado. 

NOTA: Ingelek, S. A. se reserva el derecho de modificar, sin 
previo aviso, el orden, título o contenido de cualquier volu¬ 
men de la colección. 














aquí 

sólo 


uién puede afirmar que no se ha quedado 
nunca atónito frente a una pantalla de or¬ 
denador admirando las increíbles imáge¬ 
nes que reproducía? 

Las técnicas ae dibujo computerizado 
alcanzan ya a muchos campos: gráficas de 
gestión, diseño industrial, películas, ví¬ 
deo-juegos... Ahora bien, ¿puede entrar 
en acción nuestro ordenador? Por supuesto que sí; 
hace falta que le instruyamos adecuadamente, como 


siempre. 

Así, deberemos aprender las técnicas que nos permi¬ 
tirán dibujar sobre la pantalla puntos, líneas, figuras y lue¬ 
go aprender a moverlas, bien sea mediante traslaciones 
o rotaciones. Una vez los dominemos podremos dedicar¬ 
nos a representar objetos tridimensionales en todas las 
perspectivas que queramos, haciendo aparecer o no las 
líneas ocultas. 

Todo esto es lo que veremos en el libro, partiendo de 
una teoría completa, explicada desde el principio para 
que nadie “se pierda”, y con la ayuda de numerosos pro¬ 
gramas, prácticos y flexibles, escritos en BASIC. 
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